javascript - event.target が望ましい出力を与えていない

Question

私のコードは

<div id="hello">
<div>A</div></div>
<script>
$(function(){
$(document).mousedown(function(event){alert(event.target.id);});
});</script>

div id「hello」をクリックすると、中央の div の id を取得しているため null が警告されますが、外側の div の id が必要です。これはどのように達成できますか?

Answer 1

ターゲットが一番内側のdivだったので

代わりにこれを試してください：

event.target.parentNode.id

Answer 2

コードを少し変更してみてください。

<div id="hello">
<div>A</div></div>
<script>

$(function(){
    //You can change the selector to what suits you best here
    $("body>div").mousedown(function(event){alert(event.currentTarget.id);});

    //it is safer to use currentTarget when you have nested elements
});</script>

Answer 3

興味のある div にイベントをバインドする必要があります。あなたの場合、それをバインドする必要があります$('#hello')

そのイベントをバインドしたい複数の div がある場合は、それらにクラスを追加し、mousedown イベントをそのクラスにバインドし、コールバック関数で event.target の ID を確認します。

Answer 4

使用するevent.target.parentNode.id