解决办法， 可以添加
*{ touch-action: none;}即可消除错误
原文地址：https://www.cnblogs.com/sllzhj/p/12031037.html
时间： 2024-11-11 22:40:22
h5 移动端在阻止touchstart的默认事件时报错
h5 移动端在阻止touchstart的默认事件时报错的相关文章
js中阻止冒泡与默认事件
在一些情况下,我们必须阻止冒泡,或者是要阻止浏览器的默认事件,方便操作,简单代码如下: 阻止冒泡: function stopBubble(ev) { if(ev&&ev.stopPropagation);//非IE下,DOM2 { e.stopPropagation(); } else { window.event.cancelBubble=true;//IE下 } } 阻止默认事件: function stopDefault(ev) { if(ev&&ev.preven
javscript阻止和恢复默认事件、阻止和恢复event.preventDefault()
有时候我们需要阻止掉浏览器的默认事件,但后面某个时候又需要用到默认事件: 看下面代码,有一个连接 <a href="http://sina.cn/" class="test">新浪</a> 我们先来点击链接,阻止默认事件 不会跳转 $(".s").click(function() { event.preventDefault(); }); 我们再来恢复默认事件: 再次点链接,可以跳转了 $(".test&quo
基本event封装：阻止冒泡、默认事件等
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <div id="box"> <input type="button" value="按钮3" id="btn3"> <a href="http://www.so
通过阻止 touchstart 事件，解决移动端的 BUG
在 iOS10 下,即使设置了 meta 标签的 user-scalable=no 依然不能阻止用户缩放. 解决此 BUG 的方法是阻止 PC 事件: document.addEventListener('touchstart', function(ev) { ev.preventDefault(); }); 另外,此方法还能解决 iOS10 中横向页面溢出,即使给 body 设置了 overflow:hidden 依然能横向滑动的问题. 不过添加了此事件后会阻止 iOS10 的橡皮筋效果,另外
js阻止浏览器、元素的默认事件与js阻止事件冒泡、阻止事件流
嵌套的div元素,如果父级和子元素都绑定了一些事件,那么在点击最内层子元素时可能会触发父级元素的事件,下面介绍一下js阻止默认事件与js阻止事件冒泡示例,大家参考使用吧 1. event.preventDefault(); -- 阻止元素的默认事件.注:a元素的点击跳转的默认事件 , button,radio等表单元素的默认事件 , div 元素没有默认事件 例: 复制代码代码如下: <a href="http://www.baidu.com" target="_bl
理解阻止浏览器默认事件和事件冒泡cancelBubble
一.阻止浏览器默认事件 1.先举个例子说什么是 浏览器的默认事件 : 比如有一个输入框,当我按下字母a,就会在输入框显示字母a.就是浏览器本该发生的事情.小孩子一出生就会汲取母乳一样的道理,这些都是先天,默认好的了. 2.看个demo,阻止浏览器默认的右键弹出菜单,而且弹出自己自定义的菜单.代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type=&
JS如果阻止事件冒泡和浏览器默认事件
原地址:http://missra.com/article/web-57.html 嵌套的标签元素,如果父元素和子元素都绑定了一些事件,那么在点击最内层子元素时可能会触发父级元素的事件,下面介绍一下JavaScript阻止默认事件与JavaScript阻止事件冒泡示例. (1)阻止冒泡事件 注:嵌套元素一般都存在冒泡事件,会带来某些影响 最外层标签:outer,中间层标签:center,最内层标签:inner,并且在outer.center.inner都添加了alert弹框事件,在正常思维情况下
javascript -- 阻止默认事件 阻止事件冒泡示
1. event.preventDefault(); -- 阻止元素的默认事件.注:a元素的点击跳转的默认事件 , button,radio等表单元素的默认事件 , div 元素没有默认事件 例: <a href="http://www.baidu.com" target="_black">百度</a> var samp = document.getElementByTagName("a"); samp.addEvent
h5移动端阻止浏览器长按事件
移动端长按图片或者元素的时候会出现默认的浏览器事件,这样会影响自定义的长按行为,很麻烦.微信的图片和元素的长按事件效果如下 找到了一个方式去掉首先要把图片放到div的背景图片中(用图片试了不行,如果有大神可以指点下),这样再长按的时候长按的是DIV 代码如下,注意引jQuery //长按触发事件 $.fn.longLongPress = function () { var div = $(this); $(this).on({ touchstart: function(e){ console.l