首頁  >  文章  >  web前端  >  JS實作滑鼠點選與雙擊事件共存_javascript技巧

JS實作滑鼠點選與雙擊事件共存_javascript技巧

WBOY
WBOY原創
2016-05-16 16:56:181492瀏覽

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

經過一番研究後,終於利用JS中「setTimeout」延時執行方法的辦法,將點選延遲300毫秒執行才解決了,程式碼如下:

複製代碼 代碼如下:

   
title>    <br><script src="jquery-1.6.min.js" mce_src="jquery-1.6.min.js" type="text/javascript"></script>    <br><mce :script type="text/javascript"><br><!--        <BR>$(function () {                      <BR>$("button" ).bind("click", function () {                <BR>// 以第一次延遲未執行的方法                <BR>// 延遲300毫秒執行點選                <BR>timeFunName = setTimeout(function () {                    <BR>num ;        () "第" num "次事件,事件名稱:點選/n" );                <BR>}, 300);           // 取消上一次延遲未執行的方法                <BR>clearTimeout(timeFunName);         <BR>$("textarea").val($("textarea").val() "第" num "次事件,事件名:雙擊/n");            <BR>});          <BR>});    ;    <BR>// --><br><br>    <br><textarea rows="20" cols="50"></textarea><button type="button">提交</button><br><br><br></mce>
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn