How do you configure the event.srcElement and event.target objects triggered by a JS event?

In JavaScript, the event object has two properties that can be used to get the target element of the event: event.srcElement and event.target.

The property event.srcElement is specific to Internet Explorer browser and represents the target element of an event. In other non-IE browsers, event.target can be used to retrieve the target element of an event.

Here is an example code demonstrating how to configure event.srcElement and event.target:

document.getElementById('myElement').addEventListener('click', function(event) {
  var targetElement = event.srcElement || event.target; // 获取事件的目标元素
  console.log(targetElement);
});

The addEventListener method in the code above is used to attach a click event to the element with the id ‘myElement’. When the element is clicked, it triggers a callback function. Inside the callback function, the target element of the event is obtained using event.srcElement or event.target and then printed to the console.

You can use event.srcElement or event.target to access the target element of the event based on your needs in the code above.