Question

所以在我的HTML中我有这个部分：

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

在javascript中，函数是：

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

我想知道myfunc（）里面的html主体的哪个元素是doubleclick，因为我不想在每个doubleclicked元素上取消myfunc（）

那么如何检测双击的元素的id？

Answer 1

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

function myfunc(e) {
    // e.target -> element that was clicked
}

Answer 2

将您的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();
}

Answer 3

你可以使用on或bind来定义不同的事件..

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

所以它会知道它的双击事件..

或javascript，您可以像这样使用

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

function myfunc(event) {
    do something..

}

Answer 4

<!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>

html body ondblclick获得点击元素

4 个答案: