单击双击

开发工具与关键技术: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>

单击一下,如下图:
在这里插入图片描述
双击一下,如下图:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_44540198/article/details/86743912
今日推荐