欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS實現(xiàn)鼠標單擊與雙擊事件共存

 更新時間:2014年03月08日 10:03:30   作者:  
本篇文章主要是對JS實現(xiàn)鼠標單擊與雙擊事件共存的簡單實例進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助

一直都認為在Web開發(fā)中,雙擊事件都是少至又少地使用,直到最近項目需要,要在一個按鈕上綁定單擊與雙擊兩件事件。開始也覺得不就是給按鈕綁下兩個事件而已罷了……只是后來才明白,是我想得太簡單,在雙擊事件觸發(fā)的同時也會觸發(fā)單擊的~囧

通過一番研究后,終于利用JS中“setTimeout”延時執(zhí)行方法的辦法,將單擊延遲300毫秒執(zhí)行才解決了,代碼如下:

復(fù)制代碼 代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>   
<title></title>   
<mce:script src="jquery-1.6.min.js" mce_src="jquery-1.6.min.js" type="text/javascript"></mce:script>   
<mce:script type="text/javascript">
<!--       
$(function () {           
var num = 0;           
var timeFunName = null;           
$("button").bind("click", function () {               
// 取消上次延時未執(zhí)行的方法               
clearTimeout(timeFunName);               
// 延時300毫秒執(zhí)行單擊               
timeFunName = setTimeout(function () {                   
num++;                   
$("textarea").val($("textarea").val() + "第" + num + "次事件,事件名:單擊/n");               
}, 300);            }).bind("dblclick", function () {               
// 取消上次延時未執(zhí)行的方法               
clearTimeout(timeFunName);               
num++;               
$("textarea").val($("textarea").val() + "第" + num + "次事件,事件名:雙擊/n");           
});       
});   
// --></mce:script>
</head>
<body>   
<textarea rows="20" cols="50"></textarea><button type="button">提交</button></body></html>

相關(guān)文章

  • 用 js 寫一個 js 解釋器過程詳解

    用 js 寫一個 js 解釋器過程詳解

    這篇文章主要介紹了用 js 寫一個 js 解釋器過程詳解,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2019-08-08
  • 詳解小程序毫秒級倒計時(適用于拼團秒殺功能)

    詳解小程序毫秒級倒計時(適用于拼團秒殺功能)

    這篇文章主要介紹了小程序毫秒級倒計時,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-05-05
  • Javascript表單特效之十大常用原理性樣例代碼大總結(jié)

    Javascript表單特效之十大常用原理性樣例代碼大總結(jié)

    開頭說這個常用原理性樣例,大家可能不太清楚,這篇文章主要是針對實際開發(fā)中常用的一些代碼分析,主要是針對表單處理方法的一些資料,推薦大家收藏
    2016-07-07
  • javascript 數(shù)據(jù)結(jié)構(gòu)的題

    javascript 數(shù)據(jù)結(jié)構(gòu)的題

    面試題是3個數(shù)據(jù)結(jié)構(gòu)的題,可以用java/c/c++/python實現(xiàn),靠,js也能實現(xiàn),鄙視js?我上機就用js寫的,雖說肯定沒戲,但js我挺。
    2008-07-07
  • JavaScript定時器實現(xiàn)限時秒殺功能

    JavaScript定時器實現(xiàn)限時秒殺功能

    這篇文章主要為大家詳細介紹了JavaScript定時器實現(xiàn)限時秒殺功能,適合用于電商節(jié)日活動,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-08-08
  • JavaScript實現(xiàn)快速排序的方法

    JavaScript實現(xiàn)快速排序的方法

    這篇文章主要介紹了JavaScript實現(xiàn)快速排序的方法,實例分析了javascript快速排序的相關(guān)實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-07-07
  • 詳解微信JS-SDK選擇圖片遇到的坑

    詳解微信JS-SDK選擇圖片遇到的坑

    這篇文章主要介紹了詳解微信JS-SDK選擇圖片遇到的坑,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-08-08
  • layui擴展上傳組件模擬進度條的方法

    layui擴展上傳組件模擬進度條的方法

    今天小編就為大家分享一篇 layui擴展上傳組件模擬進度條的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • 微信小程序?qū)崿F(xiàn)歷史搜索功能的全過程(h5同理)

    微信小程序?qū)崿F(xiàn)歷史搜索功能的全過程(h5同理)

    最近在使用微信小程序開發(fā)的時候遇到了一個需求,需要實現(xiàn)歷史搜索記錄的功能,所以下面這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)歷史搜索功能(h5同理)的相關(guān)資料,需要的朋友可以參考下
    2022-12-12
  • JavaScript獲取瀏覽器窗口尺寸的幾種方法

    JavaScript獲取瀏覽器窗口尺寸的幾種方法

    JavaScript是一種廣泛使用的腳本語言,用于開發(fā)網(wǎng)頁和應(yīng)用程序,在Web開發(fā)中,經(jīng)常需要獲取瀏覽器窗口的尺寸,以便根據(jù)窗口大小進行布局或執(zhí)行其他操作,本文將介紹如何使用JavaScript來獲取瀏覽器窗口尺寸,需要的朋友可以參考下
    2023-11-11

最新評論