javascript双击和单击事件共存
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript双击和单击事件共存相关的知识,希望对你有一定的参考价值。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> .quick{ width: 105px; height: 36px; background-image: url("ic_cloud_upload_white_24dp.png"); background-repeat: no-repeat; background-color: black; cursor:pointer; } .quick img { visibility: visible; position: absolute; } .quick span { font-size: 14px; /*padding-top: 12px;*/ float: right; color: white; line-height: 40px; } //这里为双击文字时,背景色不让其高亮 body{-moz-user-select:none;}//火狐 /*<body onselectstart="return false">*/其他浏览器 </style> <script type="text/javascript"> var clickTimer = null; function _click(){ if(clickTimer) { window.clearTimeout(clickTimer); clickTimer = null; } clickTimer = window.setTimeout(function(){ // your click process code here alert("你单击了我"); }, 300); } function _dblclick(){ if(clickTimer) { window.clearTimeout(clickTimer); clickTimer = null; } alert("你双击了我"); } </script> </head> <body > <div onselectstart="return false" onclick="_click();" ondblclick="_dblclick();" class="quick"><img src="uploading.gif"><span>快捷上传</span></div> </body> </html>
以上是关于javascript双击和单击事件共存的主要内容,如果未能解决你的问题,请参考以下文章
Cocos2D-X2.2.3学习笔记8(处理精灵单击双击和三连击事件)
如何在 Asp.net c# 中为 GridView 行启用双击和单击
微信小程序实现单击双击和长按forEachclearTimeoutsetTimeoutsplitsetClipboardDatagetClipboardDatashowToast