js单击事件和双击事件并存绑定

共3个文件

js：2个

html：1个

单击事件

双击事件

同时并存

需积分: 2 4 下载量 66 浏览量 2018-12-25 15:09:05 上传评论收藏 79KB ZIP 举报

温馨提示

同时给元素绑定，单击事件和双击事件，解决原本两个事件不能并存的问题。希望能帮助大家解决问题。

资源推荐

资源详情

资源评论

收起资源包目录

jquery.doClick.zip （3个子文件）

jquery.doClick

demo.html 2KB

jquery.doClick.js 3KB

jquery-1.8.3.js 261KB

共 3 条

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>demo</title> <script src="jquery-1.8.3.js"></script> <script src="./jquery.doClick.js"></script> <style> </style> </head> <body> <p>尝试单击、双击以下两个色块，查看控制台输出！</p> <p>觉得对你有帮助的朋友，可以来我<a href="https://github.com/super-Sun/jquery.doClick" target="_blank">Github</a>，帮我点个星星！多谢！！</p> <div class="okok" style="width: 100px;;height: 100px;background: rebeccapurple;cursor: pointer;"></div> <div class="nono" style="width: 100px;;height: 100px;background: red;cursor: pointer;"></div> <script> /* * 使用方法: * $(dom).doClick({ * // 单击事件回调- * onClick: function () {} * // 双击事件回调 * dbClick: function () {} * }) */ $('.okok').doClick({ onClick: function () { // 单击事件回调 console.log('okok单击'); // this就是dom自身 console.log(this); }, dbClick: function (self) { this === self // trur // 双击事件回调 console.log('okok双击'); // this就是dom自身 console.log(this); } }); $('.nono').doClick({ onClick: function () { // 单击事件回调 console.log('nono单击'); // this就是dom自身 console.log(this); }, dbClick: function (self) { // 双击事件回调 console.log('nono双击'); // this就是dom自身 console.log(this); } }); </script> </body> </html>

评论收藏

内容反馈

资源评论