最近在做移動端的需求時,有一個長按的需求,總是會觸發移動端瀏覽器自帶的長按效果,而且文字也會被選中,所以需要修改為文字不能被選中,瀏覽器默認長按效果禁止掉。 *{ -webkit-touch-callout:none;/*系統默認菜單被禁用*/ -webkit-user-select ...
最近做了一個圖片閱后即焚的網頁在移動端瀏覽,過程是按住屏幕並移動時,圖片會慢慢展示,松開手時圖片立即粉碎消失。 但是長按圖片時會觸發瀏覽器自帶的長按事件,從網上搜索得知有以下兩種方法: .添加事件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 ...
移動端長按圖片或者元素的時候會出現默認的瀏覽器事件,這樣會影響自定義的長按行為,很麻煩。微信的圖片和元素的長按事件效果如下 找到了一個方式去掉,參考https://segmentfault.com/q/1010000005088048首先要把圖片放到div的背景圖片中(用圖片試了不行,如果有 ...
...
轉載自 鼠標長按事件和移動端長按事件 轉載自 移動端長按事件 <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title></title> < ...
第一種方法:這個例子我獲取不到當前長按元素; $.fn.longPress = function(fn) { var timeout = undefined; var $this = this; for(var i = 0;i<$this.length;i++){ $this[i ...
阻止瀏覽器的touchstart事件 document.addEventListener('touchstart', function(e) { e.preventDefault(); }, false); ...
$("body").on("touchstart", function(e) { e.preventDefault(); startX = e.originalE ...
文本框input:當文本框focus時會彈出軟鍵盤,有時我們需要click事件而又不想觸發focus事件(不要彈出軟鍵盤) 給input添加 disabled="disabled"屬性屏蔽click及focus事件,再使用touchstart來綁定點擊事件 下拉選擇框select:有時 ...