html 双击事件
时间: 2023-07-01 19:12:33 浏览: 263
在HTML中,可以使用`ondblclick`属性来添加双击事件。当用户双击某个元素时,该元素上的`ondblclick`事件处理程序将被触发。
以下是一个简单的例子,演示如何在HTML中添加双击事件:
```html
<!DOCTYPE html>
<html>
<head>
<title>双击事件示例</title>
</head>
<body>
<h1 ondblclick="alert('你双击了标题!')">双击这里</h1>
<p ondblclick="myFunction()">双击这里</p>
<script>
function myFunction() {
alert("你双击了段落!");
}
</script>
</body>
</html>
```
在这个例子中,我们在`<h1>`和`<p>`元素上分别添加了双击事件处理程序。当用户双击这些元素时,一个提示框将弹出显示相应的消息。
你也可以使用`addEventListener()`方法来添加双击事件。以下是一个例子:
```html
<!DOCTYPE html>
<html>
<head>
<title>双击事件示例</title>
</head>
<body>
<h1 id="myHeading">双击这里</h1>
<script>
document.getElementById("myHeading").addEventListener("dblclick", function() {
alert("你双击了标题!");
});
</script>
</body>
</html>
```
在这个例子中,我们使用`addEventListener()`方法来添加双击事件处理程序。当用户双击`<h1>`元素时,一个提示框将弹出显示相应的消息。