DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Titletitle>
head>
<body>
<button>点我button>
body>
<script>
var btn = document.querySelector("button");
// 双击:点击两次鼠标,每次鼠标的间隔在500ms左右。
// 解决问题:为单击事件增加延迟。
var pendingClick;
btn.onclick = function(){
clearTimeout(pendingClick);
pendingClick=setTimeout(function (){
console.log("单击");
},500)
}
btn.ondblclick = function(){
clearTimeout(pendingClick);
console.log("双击");
}
script>
html>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)