原文:屏蔽移動端瀏覽器的長按事件

最近做了一個圖片閱后即焚的網頁在移動端瀏覽,過程是按住屏幕並移動時,圖片會慢慢展示,松開手時圖片立即粉碎消失。 但是長按圖片時會觸發瀏覽器自帶的長按事件,從網上搜索得知有以下兩種方法: .添加事件ontouchstart returnfalse .css統一加上 webkit user select:none webkit touch callout:none 但是上述方法對頁面的其他需求有影響 ...

2015-12-17 11:42 0 2744 推薦指數:

查看詳情

禁用移動瀏覽器長按默認事件

最近在做移動的需求時,有一個長按的需求,總是會觸發移動瀏覽器自帶的長按效果,而且文字也會被選中,所以需要修改為文字不能被選中,瀏覽器默認長按效果禁止掉。 *{ -webkit-touch-callout:none;/*系統默認菜單被禁用*/ -webkit-user-select ...

Tue Feb 09 17:05:00 CST 2021 0 509
h5移動阻止瀏覽器長按事件

移動長按圖片或者元素的時候會出現默認的瀏覽器事件,這樣會影響自定義的長按行為,很麻煩。微信的圖片和元素的長按事件效果如下 找到了一個方式去掉,參考https://segmentfault.com/q/1010000005088048首先要把圖片放到div的背景圖片中(用圖片試了不行,如果有 ...

Sat Jul 29 04:07:00 CST 2017 0 4599
移動長按事件

轉載自 鼠標長按事件移動長按事件 轉載自 移動長按事件 <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title></title> < ...

Sat May 11 20:58:00 CST 2019 0 750
移動長按事件

第一種方法:這個例子我獲取不到當前長按元素; $.fn.longPress = function(fn) { var timeout = undefined; var $this = this; for(var i = 0;i<$this.length;i++){ $this[i ...

Wed Jul 05 22:33:00 CST 2017 0 2248
手機input,select屏蔽瀏覽器默認事件

文本框input:當文本框focus時會彈出軟鍵盤,有時我們需要click事件而又不想觸發focus事件(不要彈出軟鍵盤) 給input添加 disabled="disabled"屬性屏蔽click及focus事件,再使用touchstart來綁定點擊事件 下拉選擇框select:有時 ...

Fri Feb 06 07:19:00 CST 2015 0 2640
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM