最近在做移动端的需求时,有一个长按的需求,总是会触发移动端浏览器自带的长按效果,而且文字也会被选中,所以需要修改为文字不能被选中,浏览器默认长按效果禁止掉。 *{ -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:有时 ...