0

addEventListener() で mousemove ハンドラを追加すると、$(xx).mousemove() または $(xx).trigger(e) (e は jquery イベント) による JQuery シミュレート イベントでハンドラが呼び出されることはありません。ただし、イベントが純粋な JS の dispatchEvent でシミュレートされている場合は、リスナーを呼び出すことができます。誰でも説明できますか？私の環境はMac+chromeです。

コードはこちらhttp://jsfiddle.net/eepaul/r8W2h/ 

<body>
    <ul id="id_ul">
      <li id="a">oooo</li>
      <li id="b">jjjj</li>
    </ul>
    <p id="console"></p>
</body>

js

var liA = $("li#a")[0];
var ul = $("ul")[0];
var p = $("p#console")[0];
ul.addEventListener("mousemove", function(e) {
    $(p).text($(p).text() + "mousemove triggered\n");       
}, false);

var event = $.Event("mousemove", {
    canBubble:true, 
    cancelable: true,
    view:liA.ownerDocument.defaultView,
    detail: 1,
    screenX:0, //The coordinates within the entire page
    screenY: 0,
    clientX: 0, //The coordinates within the viewport
    clientY: 0,
    ctrlKey:false,
    altKey:false,
    shiftKey: false,
    metaKey:false, //I *think* 'meta' is 'Cmd/Apple' on Mac, and 'Windows key' on Win. Not sure, though!
    button: 0, //0 = left, 1 = middle, 2 = right
    relatedTarget:null
 });

//neither of the following 2 ways can trigger the handler   
window.setTimeout(function() {
    $(liA).trigger(event);}, 1000);

window.setTimeout(function() {
    $(liA).mousemove();}, 1000);
4

1 に答える 1