1. 程式人生 > >取消雙擊等選中文字事件

取消雙擊等選中文字事件

今天做echarts圖表,不經意雙擊發現圖表消失了。於是查了一下怎麼遮蔽雙擊事件。查到怎麼取消選中事件。如下。

在css中新增如下樣式

div{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
此處div只是打個比方,在你需要遮蔽事件的元素上邊設定即可。如果是ie10以下可能還需要在元素上新增

onselectstart="return false" 程式碼。

相關推薦

取消選中文字事件

今天做echarts圖表,不經意雙擊發現圖表消失了。於是查了一下怎麼遮蔽雙擊事件。查到怎麼取消選中事件。如下。 在css中新增如下樣式 div{ -webkit-user-select: none; -moz-user-select: none; -

Jquery實現編輯文字框,ajax傳遞引數

可以下載Demo,包含springMVC的後臺如何操作資料庫 需要修改的文字框 <td width="260" ondblclick="edit(this,'username')">

Android系統中自定義按鍵的短按、、長按事件

在專案中碰到這樣的問題: 由於系統中的按鍵在底層做了重新定義或者新增了按鍵,此時需要在APP層對按鍵事件(keyevent)做分解處理,模擬Android系統做法,把keyevent分解成: 1、單擊事件:就是普通key的單擊; 2、雙擊事件:500ms內同一按鍵單擊兩次;

防止文字選中

if(document.all){ document.onselectstart= function(){return false;}; //for ie }else{ document.onmousedown= function(){return false

遮蔽選中文字的解決辦法,相容ie,google,firefox

IE及Chrome下的方法一樣,對相應的元素新增onselectstart=”return false;”但是,這個在火狐下不起作用,但是火狐下可以用css樣式來達到這個效果,即新增-moz-user-select:none;就可以相容ie,google,firefox了

元素同時繫結單事件,並在選擇文字時不觸發事件

首先如果同時繫結單擊和雙擊事件,預設會觸發單擊事件,雙擊無效,解決辦法是延遲單擊事件。但有時需要在元素上選擇文字,單擊時又會觸發單擊事件,而有時單擊事件會彈出對話方塊什麼的,希望選擇時不要觸發單擊、雙擊事件,程式碼如下: var clickTimer = null; $('

jQuery事件函式-點選、、鍵盤按鍵、滑鼠滑動、失去焦點、顯示哪個 DOM 元素觸發了事件/返回事件的型別。

<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> x=0; $(documen

UIEvent,觸控事件,touchesBegan:, touchesEnded:, touchesMoved:觸控方法,單改變自身顏色, 改變俯檢視顏色

UIEvent 事件是有裝置捕獲到使用者對硬體的操作, 每一個事件都是一個UIEvent物件, iOS中的事件分三種: 觸控事件, 搖晃事件, 遠端控制事件 觸控事件: 是有使用者對螢幕通過觸控產生的事件, 對於UIView 或UIView的子類, 都是能夠接收到觸控事件的

跳坑 阻止瀏覽器預設事件-----選中

首先 使用 e.preventDefault() 不起作用; 在網上找到的辦法: css: body { -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit瀏覽器*/ -ms-

【React踩坑記一】React項目中禁用瀏覽器選中文字的功能

一個 art 文字 star reac return 禁用 tar htm 常規項目,我們只需要給標簽加一個onselectstart事件,return false就可以 例: <div onselectstart="return false;"

Cocos2D-X2.2.3學習筆記8(處理精靈單和三連事件)

屏幕 () rtu cati 輸出 public exit 什麽是 avi 我們依據上一次介紹的觸屏事件和事件隊列等知識來實現觸屏的單擊,雙擊,三連擊事件。 下圖為我們實現的效果圖: 單擊精靈跳躍一個高度, 雙擊精靈跳躍的高度比單擊的高 三連擊精靈跳躍的跟高

事件失效解決辦法

dev out == pre clear win settime prev gettime 某些時候,雙擊事件會失效,模擬辦法解決雙擊失效後,而同時我又不想在該元素上觸發兩次單擊事件,解決辦法如下: var dbclickTime={ prev:0, next:0//模擬

JQuery如何實現事件時不觸發單事件

art 屏蔽 settime 事件 順序 tin on() () 延時 單擊和雙擊事件的執行順序: 單擊(click):mousedown,mouseout,click;  雙擊(dblclick):mousedown,mouseout,click , mou

APP上點事件取消的陰影

kit highlight for box all drag web 點擊 :after *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizi

EasyUI中datagrid事件

mat url nbsp cli row lap idt center 雙擊 EasyUI中datagrid雙擊事件 <script type="text/javascript"> $(‘#tableworkbydaydata‘).datagrid({

WPF ListBoxItem、單事件分別處理

class frame != timers 單擊事件 nta end log handler 1      private void listBox_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)

winform中如何選中datagridview中的一行數據後跳轉並將其顯示在另一個頁面的datagirdview中

comm 行數據 OS tps dao component 一行 sha amp Form1: public static string[] a; private void dataGridView1_DoubleClick(object sender, Even

vue給同一元素綁定單click和事件dblclick,執行不同邏輯

部分 tab timeout 監聽 nbsp art dia method ons 在做項目過程中,需求是點擊孔位單擊彈出對話框查看產品總數,雙擊彈出對話框查看詳情。一開始直接click和dblclick寫在標簽裏面,但是不管怎麽樣,總是執行單擊事件 解決辦法:利用計時器,

Safair 瀏覽器cllick事件不生效或者需要才生效

down ios事件 mil 方案 click事件 ios pan 針對 pointer 針對Safair 瀏覽器cllick事件不生效或者需要雙擊才生效的解決方案。 方法一:給元素加上cursor: pointer樣式。(不生效) 方法二:ios事件機制不一樣

7.1.15 單事件

分享圖片 alt .com image 技術 bubuko 雙擊事件 inf png 7.1.15 單雙擊事件