jquery双击事件;dblclick()

 时间:2024-10-12 18:43:44

1、打开html前端开发软件,创建一个html页面,然后在这个页面上创建<div>,同时输入一些文字。如图:代码:<div>大家好,鼠标双击会有意想不到的惊喜哦。</div>

jquery双击事件;dblclick()

3、创建dblclick双击事件。对<div>标签创建dblclick 事件,案麻质跹礼例中双击文本后会弹出一个alert()提示框。如图:代码:<script type="text/javascript"> $(function(){ /*给div创建双击事件*/ $("div").dblclick(function(){ alert("该段落被双击了") }) }) </script>

jquery双击事件;dblclick()

5、页面所有代码。可以直接复制所有代码,粘贴到新建html文件上保存后使用浏览器打开鼠标双击后即可看到效果(注意:案例中使用的本地的jquery库,粘贴内容后需要检查jquery库的引入路径是否正确)。所有代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>jquery双击事件</title> <script type="text/javascript" src="js/jquery-1.9.1.js" ></script> <script type="text/javascript"> $(function(){ /*给div创建双击事件*/ $("div").dblclick(function(){ alert("该段落被双击了") }) }) </script> </head> <body> <div>大家好,鼠标双击会有意想不到的惊喜哦。</div> </body></html>

  • pycharm怎么调背景颜色
  • VS2013和2015怎么恢复到原默认窗口布局
  • 使用面向对象的方式实现计算器功能
  • linux下编写C语言程序
  • select中如何调整字体大小
  • 热门搜索
    家里暖气不热怎么办 广场舞歌曲名字大全 汽车车标大全图片 无翼鸟少女漫画大全 活动游戏大全 下横杠怎么打 电气原理图符号大全 图画大全 花菜的做法大全家常 三年级日记大全300字