Javascript html正文单击获取单击元素_Javascript_Html

Javascript html正文单击获取单击元素

javascript html

Javascript html正文单击获取单击元素,javascript,html,Javascript,Html,因此，在我的html中，我有以下部分： <body ondblclick="myfunc();"> <div id="id1">dasd</div> <div id="id2">dasda</div> </body> 我想知道在myfunc（）中双击是在html主体的哪个元素上进行的，因为我不想在每个双击元素上触发myfunc（）那么，如何检测双击元素的id呢？您可以使用on或bind来定义不同的事件 $("#id").

因此，在我的html中，我有以下部分：

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

我想知道在myfunc（）中双击是在html主体的哪个元素上进行的，因为我不想在每个双击元素上触发myfunc（）

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

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

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

因此，它将知道其双击事件

或者对于javascript，您可以这样使用

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

function myfunc(event) {
    do something..

}


函数myfunc（事件）{
做点什么。。
}

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

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

因此，它将知道其双击事件

或者对于javascript，您可以这样使用

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

function myfunc(event) {
    do something..

}


函数myfunc（事件）{
做点什么。。
}


函数myfunc（e）{
//e.单击的目标->元素
}


函数myfunc（e）{
//e.单击的目标->元素
}

将您的HTML设置为

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

将您的HTML设置为

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


ondblclick事件示例
函数initElement（）{
var body=document.getElementById（“bdy”）；
body.ondblclick=showAlert；
}
功能showAlert（e）{
警报（如target.id）；
}
window.onload=initElement；
dasd
达斯达


ondblclick事件示例
函数initElement（）{
var body=document.getElementById（“bdy”）；
body.ondblclick=showAlert；
}
功能showAlert（e）{
警报（如target.id）；
}
window.onload=initElement；
dasd
达斯达

不再支持

live（）

方法。应该改用（）上的

方法。谁说live（）方法不支持？如果您使用jquery，那么它是用于未来事件的最佳选择。jquery文档确实如此。看：没问题。您可能应该更新您的答案以反映这一点。不再支持

live（）

方法。应该改用（）上的

方法。谁说live（）方法不支持？如果您使用jquery，那么它是用于未来事件的最佳选择。jquery文档确实如此。看：没问题。您可能应该更新您的答案以反映这一点。

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