解決JS雙擊事件dblclick觸發時，同時會執行click事件中的語句

阿新 • • 發佈：2019-01-28

雙擊dblclick事件，同時會執行click事件中的語句，當需要為一個元素同時新增這兩個事件時，顯然這不是我們想要的結果，舉個例項，在最近做的canvas開發中使用滑鼠畫區域，滑鼠單擊一下開始畫，滑鼠雙擊時結束，並儲存當前所畫的區域，這時候就碰到了這個問題。解決的方法，，可以參考下面的程式碼，用延時的方法實現。

<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>
  <button type="button" id="button" 
>點選我</button>
  <script type="text/javascript">
    function $(id){
      return document.getElementById(id);
    }
    var timer=null;
    $('button').addEventListener('click',function(e){
      clearTimeout(timer);
      timer=setTimeout(function(){//初始化一個延時
        console.log("1");
        // console.log(e); 

      },250)
    },false);
    $('button').addEventListener('dblclick',function(){//雙擊事件會先觸發兩次單擊事件，然後再執行雙擊事件，使用清除定時器來達到雙擊只執行雙擊事件的目的
      clearTimeout(timer);
      console.log("2");
    },false);
  </script>
</body>
</html>

解決JS雙擊事件dblclick觸發時，同時會執行click事件中的語句

雙擊dblclick事件，同時會執行click事件中的語句，當需要為一個元素同時新增這兩個事件時，顯然這不是我們想要的結果，舉個例項，在最近做的canvas開發中使用滑鼠畫區域，滑鼠單擊一下開始畫，滑鼠雙擊時結束，並儲存當前所畫的區域，這時候就碰到了這個

Jqgrid中動態生成colModel實現雙擊編輯整列時，鼠標定位在當前雙擊指定單元格

jqGrid使用鼠標定位雙擊的單元格通過配置ondbclick事件來實現雙擊功能ondblClickRow:function(rowid,iRow,iCol,e) {//獲取表格的初始model var colModel =$(TableId).jqG

js雙擊事件

在開發過程中經常會遇到使用雙擊事件或者避免短時間內連續觸發單擊事件的邏輯。這裡介紹一下對類似問題的處理方法。一、jquery的dblclick事件一個DOM元素，如：div，既綁定了 click 事件，又綁定了 dblclick 事件，這兩個事件分別要做獨立的事情。事件處理上沒有

js 雙擊事件，三擊事件，多擊事件的原理及其方法

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body

Ext.js雙擊事件

/** * 聯絡人列表panel */ Ext.define('Op.OpBill.OpBillCustLinkGridPanel', { extend: 'Ext.grid.Panel', id: 'Op_OpBill_OpBillCustLinkGridPanel_ID',

js製作CSV檔案下載功能時，由於值中含有json字串導致匯出格式錯誤解決方法

問題描述：由於做的是真分頁，所以下載的時候不用在查詢資料庫，因而直接用的是js製作CSV檔案下載功能，但是由於值中含有json字串導致匯出格式錯誤。格式錯誤體現在json字串被拆分，佔用了多個單元格。解決方法：根據CSV檔案識別單元格的方式，用雙引號括起來的內容被

js-雙擊文字變成input快速更改排序值

<!DOCTYPE html> <head> <title>temp</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <scri

雙緩衝技術解決方案之二:內容不交叉時，可以增量繪製

package com.loaderman.customviewdemo; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import androi

poi 操作 excel 裡面設定的公式不會自動計算需要雙擊才會觸發

poi 操作 excel 裡面設定的公式不會自動計算需要雙擊才會觸發 2014年11月28日 11:20:11 稀飯土豆的番茄閱讀數：5111更多個人分類： JAVAWEB //excel設定公式自動計算 she

chm檔案打不開，雙擊彈出亂碼框，解決方法。

我也是在網上找到一位博主的建議，照做了一下，chm檔案就打開了，非常感謝這位博主，讓我少走彎路。下面是這位博主的關於解決這個問題的部落格： https://bbs.csdn.net/topics/391823594?page=1#post-403561362 主要方法是： w

Js事件繫結時，函式名加括號和不加括號有什麼區別

一，在js程式碼裡加括號代表呼叫，執行這個方法；不加括號目的是引用,代表把這個函式賦值給某個變數。在下面程式碼裡： 1.1 btn.onclick=aa;是正

解決panel或者其他控件疊加時，此控件背景透明，顯示的背景色為窗體背景色問題

背景運行 panel控件 box bsp www. com his art 之前為了圖省事兒，直接給Form窗體設置的背景圖片，發現這樣運行的時候窗體特別的卡頓，於是改為放一個pictureBox控件，由這個控件加載圖片後作為背景。現在卡頓解決了，又出現了另一個問題，運

關於頁面點擊搜索框時，虛擬鍵盤遮擋搜索框的問題

word () func ner log 頁面 window var bottom //當點擊搜所框時是頁面滾動$(‘#keyword‘).focus(function(event) { setTimeout((function(){ var i=0;

js控制input框輸入數字時，累計求和

logistic BE chan png 累加 rop for mage 申請 input框輸入數字時,自動開始計算累加<div class="form-group"> <label for="inputPassword3" class="col-sm

解決windows下python2和python3共存時，pip失效

fat ML creat htm -- error 安裝 .exe launch 使用pip安裝時報錯， pip install SendKeysFatal error in launcher: Unable to create process using ‘"c:\lib

vue elementui table 雙擊單元格實現編輯，聚焦，失去焦點，顯示隱藏input和span

ntc 單元 src func cell Dimension === http nts <el-table :data="tableData" class="tb-edit" style="width: 100%"

利用定時器做防止誤觸發功能以及多久後執行某個事件

在程式設計中，經常會碰到需要做到如下功能： 1.有一個不定時執行的方法A，在執行時需要判斷距離上一次執行過了多長時間，如果超過三秒就繼續執行，如果小於三秒就退出。 2.有一個不定時執行的A方法和B方法，假設：A方法執行完成後，如果3秒內B方法沒有被執行，那麼就執行C方法，如果在3秒內執行了B

【教程】解決小米筆記本Pro連線無線網時，出現WiFi閃一下然後無網路問題

造成原因：周邊5GWiFi過多。解決：改變網絡卡接收的頻段：一：此電腦->右擊選擇管理二：選擇裝置管理器三：點開網路配適器-->選擇第三個右擊-->屬性-->高階四：選擇80

完美解決百度地圖MarkerClusterer 移動地圖時，Marker 的Label 丟失的問題

修改之後的MarkClusterer.js 程式碼 /** * @fileoverview MarkerClusterer標記聚合器用來解決載入大量點要素到地圖上產生覆蓋現象的問題，並提高效能。 * 主入口類是<a href="symbols/BMapLib.MarkerC

完美解決vue專案中彈出框滑動時，內部頁面也跟著滑動問題

在main.js中設定全域性函式： //彈出框禁止滑動 Vue.prototype.noScroll = function () { var mo = function (e) {&

解決JS雙擊事件dblclick觸發時，同時會執行click事件中的語句

相關推薦