1

だから私のhtmlにはこの部分があります：

<body ondblclick="myfunc();">
<div id="id1">dasd</div>
<div id="id2">dasda</div>
</body>

そしてjavascriptでは関数は：

function myfunc() {
    do stuff here...
}

ダブルクリックされたすべての要素でmyfunc（）をトリガーしたくないので、HTML本文のどの要素でダブルクリックが行われたかをmyfunc（）内で知りたいです。

では、ダブルクリックされた要素のIDをどのように検出できますか？

4

4 に答える 4

5 
<body ondblclick="myfunc(event);">

function myfunc(e) {
    // e.target -> element that was clicked
}
于 2013-02-13T11:17:36.520 に答える
1

HTMLを次のように作成します

<body ondblclick="myfunc(event);">

myfuncを次のようにします。

function myfunc(event) {
     alert(event.target.id); //here you can get element id that is double clicked
     event.stopPropagation();
}
于 2013-02-13T11:20:40.337 に答える
0

onまたはbindsupposeを使用して、さまざまなイベントを定義できます。

$("#id").on("doubleClick",function () {} );

そのため、ダブルクリックイベントであることがわかります。

またはjavascriptの場合は次のように使用できます

<body ondblclick="myfunc(event);">

function myfunc(event) {
    do something..

}
于 2013-02-13T11:17:02.843 に答える
0 
<!doctype html>
<html>
<head>
<meta charset=utf-8>
<title>ondblclick event example</title>
<script> 
    function initElement() {
        var body = document.getElementById("bdy");
        body.ondblclick = showAlert;
    }

    function showAlert(e){
        alert(e.target.id);
    }
    window.onload = initElement;
</script>
</head>
<body id="bdy">
<div id="id1">dasd</div>
<div id="id2">dasda</div>
</body>
</html>
于 2013-02-13T11:50:21.873 に答える