Javascript stop TRドロップダウンイベントのクリックイベント| IE 11で動作していません

Question

ドロップダウンからどのオプションが選択されているかをキャプチャします。
optionがクリックされているときに問題が発生するTR selectにclickイベントがないため、clickイベントが呼び出されます。

dropdownをクリックすると、TRのクリックイベントを停止できますか？

function check1(e) { 
 
    if (typeof e == "undefined") 
 
    e = window.event; 
 
    if (e) { 
 
    var sourceElement = e.srcElement || e.target; 
 
    if (sourceElement) { 
 
     if (sourceElement.getAttribute("data-stop-propagation")) { 
 
     //element being clicked asked to ignore the event, abort 
 
     return; 
 
     } 
 
    } 
 
    } 
 
    alert("TR clicked"); 
 
} 
 

 
function check2() { 
 
    alert("drop_down clicked"); 
 
}

<table border=1> 
 
    <tr onclick="check1();"> 
 
    <td>My Options</td> 
 
    <td> 
 
     <select name="" id="drop_down" onchange="check2();" data-stop-propagation="1"> 
 
       <option value="A">A</option> 
 
       <option value="B">B</option> 
 
      </select> 
 
    </td> 
 
    </tr> 
 
</table>

[1]: https://jsfiddle.net/oqgdh59o/3/

Answer 1

ビットそれをバック取る、select.clickはselect.changeイベントの前に実行tr.click前に実行されます。選択がクリックされたときに伝播を停止しないのはなぜですか？

function check1() { 
 
    alert("TR clicked"); 
 
} 
 

 
function check2() { 
 
    alert("drop_down clicked"); 
 
} 
 

 
function stopPropagation() { 
 
    event.stopPropagation(); 
 
};

<table border=1> 
 
    <tr onclick="check1();"> 
 
    <td>My Options</td> 
 
    <td> 
 
     <select name="" id="drop_down" onclick="stopPropagation();" onchange="check2();" data-stop-propagation="1"> 
 
       <option value="A">A</option> 
 
       <option value="B">B</option> 
 
      </select> 
 
    </td> 
 
    </tr> 
 
</table>