javascript - 使用不同的目标触发点击事件

Question

我想在更改事件目标项时触发点击事件。jQuery 解决方案不是强制性的。

常规触发有效，而自定义触发无效。

这个常规示例有效:

$(tab).trigger('click');

另一方面，这个不会:

let event = $.Event('click');
event.target = otherTab;
$(tab).trigger(event);

我错过了什么吗？

编辑(尝试普通方式):

 let e = new Event('click'); // tab and otherTab are jQuery objects
 e.target = otherTab[0];
 tab[0].dispatchEvent(e);

触发但 e.target 未设置且仍为空。

Answer 1

基于 Element.click() https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/click

This event then bubbles up to elements higher in the document tree (or event chain) and fires their click events.

 function divClicked(ev){
  console.log("Div clicked");
  alert("Test");
 }
 
 function dispatchToOtherElement(){
  let divWithEvent = document.getElementById("divWithEvent");
  divWithEvent.click();
 }

<div id=divWithEvent onclick="divClicked()">
Element with event
</div>

<div id=divWithoutEvent onclick="dispatchToOtherElement()">
Element without event
</div>