单击双击

最新推荐文章于 2022-12-03 14:51:08 发布

冯超、

最新推荐文章于 2022-12-03 14:51:08 发布

阅读量316

点赞数

本文链接：https://blog.csdn.net/weixin_44540198/article/details/86743912

版权

开发工具与关键技术：DW
作者：冯超
撰写时间：2019年2月1日

click() 表示单击 
dblclick() 表示双击 
空白键和回车键也可以造成click事件，但是只有双击鼠标才能造成dblclick事件
源代码如下：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>单击和双击</title>
<script src="jquery-1.12.4/jquery-1.12.4.min.js"></script>
</head>
<script>
  $(function(){
      $("#b").click(function(){
          $("#message").html("单击按钮");          
      });
      $("#b").dblclick(function(){
          $("#message").html("双击按钮");
      });
  });
</script> 
<div id="message"></div>
<button id="b">测试</button>
<body>
</body>
</html>

单击一下，如下图：
在这里插入图片描述
双击一下，如下图：