jQuery滑鼠雙擊事件簡單介紹
之所以要寫這篇文章是因為雙擊事件應用相對比較少。
很多朋友可能對單擊事件比較熟悉,但是對雙擊事件使用卻不多,所以使用的時候不得不查詢一下資料。
下面就通過程式碼例項做一下演示,希望能夠給需要的朋友帶來參考作用。
程式碼如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#bt").bind("dblclick",function(){ $("#show").text("softwhy.com"); }) }); </script> </head> <body> <div id="show"></div> <input type="button" id="bt" value="檢視效果"/> </body> </html>
上面的程式碼為按鈕註冊了雙擊事件處理函式,雙擊之後能夠將指定的文字寫入div。
dblclick千萬不要寫成dbclick,它的英文全稱是doubleclick。
相關文章
- jQuery阻止事件冒泡簡單介紹jQuery事件
- jQuery自定義事件簡單介紹jQuery事件
- 滑鼠右鍵點選事件簡單介紹事件
- jQuery事件名稱空間簡單介紹jQuery事件
- 使用 jQuery 避免滑鼠雙擊jQuery
- jquery事件物件event常用屬性簡單介紹jQuery事件物件
- jquery自定義事件的使用方式簡單介紹jQuery事件
- ALV中滑鼠雙擊事件事件
- jQuery Validate簡單介紹jQuery
- jQuery filter() 用法簡單介紹jQueryFilter
- onerror事件用法簡單介紹Error事件
- invalid事件簡單介紹事件
- onreadystatechange事件簡單介紹事件
- 滑鼠單擊變雙擊怎麼辦 滑鼠單擊變成雙擊的解決辦法
- jquery動畫佇列簡單介紹jQuery動畫佇列
- Query鍵盤事件簡單介紹事件
- form表單的onSubmit事件簡單介紹ORMMIT事件
- 自定義jquery外掛簡單介紹jQuery
- jQuery自定義外掛簡單介紹jQuery
- jQuery建構函式簡單介紹jQuery函式
- jQuery外掛製作簡單介紹jQuery
- window.onunload事件簡單介紹事件
- js事件委託原理簡單介紹JS事件
- java關於事件的簡單介紹Java事件
- jquery操作select下拉選單簡單介紹jQuery
- win10滑鼠單擊變雙擊如何解決_win10系統滑鼠單擊變雙擊的解決方法Win10
- 同一個元素的單擊事件與雙擊事件事件
- 雙擊事件(dblclick)時,不觸發單擊事件(click)事件
- jquery.cookie外掛使用簡單介紹jQueryCookie
- 提高jquery效能的常用技巧簡單介紹jQuery
- jQuery構造物件例項簡單介紹jQuery物件
- jQuery常用的動畫函式簡單介紹jQuery動畫函式
- jQuery的index()函式用法簡單介紹jQueryIndex函式
- jquery解析json格式字串簡單介紹jQueryJSON字串
- jQuery外掛開發流程簡單介紹jQuery
- js dom元素事件處理簡單介紹JS事件
- javascript事件控制程式碼簡單介紹JavaScript事件
- jQuery物件轉換為dom物件簡單介紹jQuery物件