首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

移动端touch事件影响click事件以及touchmove添加preventDefault导致页面无法滚动解决方法

可以通过调用preventDefault()方法,可以阻止后面事件触发。...我touchstart中调用了event.preventDefault方法,是不是让浏览器误以为没有触发touchstart事件,只触发了touchend事件,所以没有触发click事件呢?...之后我删除了touchstart中event.preventDefault方法,果然超链接和click事件都触发了,但是前面说问题又出现了,QQ和微信中touchmove和touchend又出问题了...后来突然脑袋灵光一闪,既然touchstart中加了event.preventDefault会导致不触发click事件,那我touchmove中加可以吧?...总结一下: QQ和微信(当然还包括其他浏览器,不过我没测试过)中如果有需要用到touch事件特效一定要在touchstart或者touchmove中添加event.preventDefault()

3.2K20

js事件防止冒泡

我们会删除刚才加入检查语句event.target == this。...这样行为与我们讨论事件处理程序不是同一个概念,它是单击锚元素默认操作。类似地,当用户在编辑完表单按下回车键时。会触发表单submit事件,在此事件发生,表单提交才会真正发生。...假设我们不希望运行这样默认操作。那么事件对象上调用.stopPropagation()方法也无济于事,由于默认操作不是正常事件传播流中发生。...在这样情况下,.preventDefault()方法则能够触发默认操作之前终止事件 。 提示 当在事件环境中完毕了某些验证之后,一般会用到.preventDefault()。比如。...这是对事件对象上同一时候调用.stopPropagation()和.preventDefault()一种简写方式。

2.5K40
您找到你想要的搜索结果了吗?
是的
没有找到

java表单提交方法_表单提交几种方式

使用或都可以定义提交按钮,只要将其特性值设置为“submit”即可,而图像按钮则是通过type特性值设置为”image”来定义。因此,只要我们单击一下代码生成按钮,就可以提交表单。...submit事件,因此要记得调用此方法之前先验证表单数字据。...提交表单时可能出现最大问题,就是重复提交表单。第一次提交表单,如果长时间没有反映,用户可能会变得不耐烦。这时候,他们也许会反复单击提交按钮。...解决这一问题办法有两个: 第一次提交表单就禁用提交按钮; 利用onsubmit事件处理程序取消后续表单提交操作。 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。...如发现本站有涉嫌侵权/违法违规内容, 请发送邮件至 举报,一经查实,本站将立刻删除

4.9K40

「Web编程API」- 03

那么是先执行父元素单击事件,还是先执行div单击事件 ???...比如:我们给页面中一个div注册了单击事件,当你单击了div时,也就单击了body,单击了html,单击了document。 当时2大浏览器霸主谁也不服谁!...事件对象 什么是事件对象 事件发生,跟事件相关一系列信息数据集合都放到这个对象里面,这个对象就是事件对象。 比如: 谁绑定了这个事件。 鼠标触发事件的话,会得到鼠标的相关信息,如鼠标位置。...常情况下terget 和 this是一致,但有一种情况不同,那就是事件冒泡时(父子元素有相同事件单击子元素,父元素事件处理函数也会被触发执行),这时候this指向是父元素,因为它是绑定事件元素对象...什么是事件委托 把事情委托给别人,代为处理。 事件委托也称为事件代理, jQuery 里面称为事件委派。 说白了就是,不给子元素注册事件,给父元素注册事件,把处理代码父元素事件中执行。

1.4K50

前端成神之路-WebAPIs03

03 - Web APIs 学习目标: 能够使用removeChild()方法删除节点 能够完成动态生成表格案例 能够使用传统方式和监听方式给元素注册事件 能够说出事件流执行三个阶段 能够事件处理函数中获取事件对象...那么是先执行父元素单击事件,还是先执行div单击事件 ??? ?...事件对象 什么是事件对象 事件发生,跟事件相关一系列信息数据集合都放到这个对象里面,这个对象就是事件对象。 比如: 谁绑定了这个事件。...常情况下terget 和 this是一致, 但有一种情况不同,那就是事件冒泡时(父子元素有相同事件单击子元素,父元素事件处理函数也会被触发执行), 这时候this指向是父元素,因为它是绑定事件元素对象...中一些标签有默认行为,例如a标签被单击,默认会进行页面跳转。

2.9K20

事件高级

删除事件(解绑事件) ?...那么是先执行父元素单击事件,还是先执行div单击事件 ??? 事件流描述是从页面中接收事件顺序。 事件发生时会在元素节点之间按照特定顺序传播,这个传播过程即DOM事件流。...事件对象 什么是事件对象 事件发生,跟事件相关一系列信息数据集合都放到这个对象里面,这个对象就是事件对象。 比如: 谁绑定了这个事件。...常情况下terget 和 this是一致, 但有一种情况不同,那就是事件冒泡时(父子元素有相同事件单击子元素,父元素事件处理函数也会被触发执行), 这时候this指向是父元素,因为它是绑定事件元素对象...中一些标签有默认行为,例如a标签被单击,默认会进行页面跳转。

1.5K41

阻止a标签默认事件及延伸

看如下实例: (1)把单击事件处理程序注册到一个锚元素,而不是一个外层上,那么就要面对另外一个问题:当用户单击链接时,浏览器会加载一个新页面。...(2)当用户在编辑完表单按下回车键时,会触发表单submit事件,在此事件发生,表单提交才会真正发生。 这种行为与我们讨论事件处理程序不是同一个概念,它是单击标签元素默认操作。...如果我们不希望执行这种默认操作,那么事件对象上调用.stopPropagation()方法也无济于事,因为默认操作不是正常事件传播流中发生。...在这种情况下,处理方法有: 1、w3c方法是e.preventDefault(),IE则是使用e.returnValue = false; preventDefault它是事件对象(Event)一个方法...//仅仅是HTML事件属性 和 DOM0级事件处理方法中 才能通过返回 return false 形式组织事件宿主默认行为。

2.4K60

事件高级

学完DOM事件,我们再进一步学习 attacheEvent()事件监听(IE678支持) ?...删除事件(解绑事件) ?    ...简单理解:事件发生,跟事件相关一系列信息数据集合都放到这个对象里面,这个对象就是事件对象。 比如: 谁绑定了这个事件。 鼠标触发事件的话,会得到鼠标的相关信息,如鼠标位置。...常情况下terget 和 this是一致, 但有一种情况不同,那就是事件冒泡时(父子元素有相同事件单击子元素,父元素事件处理函数也会被触发执行), 这时候this指向是父元素,因为它是绑定事件元素对象...说白了就是,不给子元素注册事件,给父元素注册事件,把处理代码父元素事件中执行。 生活中代理: ? js事件代理: ?

1.3K20

js鼠标事件 clientX、clientY、offsetX、offsetY、layerX、layerY、pageX、 pageY、screenX、screenY「建议收藏」

MouseEvent类别有以下: mousedown 鼠标按下 mouseup 鼠标释放 click 左键单击 dblclick 左键双击 mousemove 鼠标移动 mouseover 鼠标经过...,阻止了冒泡 阻止鼠标的默认事件 e.preventDefault() e.returnValue=false;//IE8 及以下兼容写法 return false;//IE兼容写法,只用作on事件阻止默认事件...e.preventDefault();//阻止事件默认行为 console.log(e.type); } 阻止图像默认拖拽 var img=document.querySelector...左键对应值为 0、1、1 中键对应值为 1、4、2 右键对应值为 2、2、3 timeStamp 从页面打开开始到触发事件时间 以下内容为坐标值说明: clientX和clientY与x...如发现本站有涉嫌侵权/违法违规内容, 请发送邮件至 举报,一经查实,本站将立刻删除

2.5K20

事件高级

  btn.onclick = function() {}        特点: 注册事件唯一性        同一个元素同一个事件只能设置一个处理函数,最 注册处理函数将会覆盖前面注册处理函数...事件对象 什么是事件对象 事件发生,跟事件相关一系列信息数据集合都放到这个对象里面,这个对象就是事件对象。 比如: 谁绑定了这个事件。...常情况下terget 和 this是一致, 但有一种情况不同,那就是事件冒泡时(父子元素有相同事件单击子元素,父元素事件处理函数也会被触发执行),  这时候this指向是父元素,因为它是绑定事件元素对象...中一些标签有默认行为,例如a标签被单击,默认会进行页面跳转。...什么是事件委托 把事情委托给别人,代为处理。 事件委托也称为事件代理, jQuery 里面称为事件委派。 说白了就是,不给子元素注册事件,给父元素注册事件,把处理代码父元素事件中执行。

1.2K10

开发者需要掌握JS事件

1.为对象添加事件2种方式 ①:HTML元素中添加对象事件 事件 <meta http-equiv="content-type" content="text...、字体变色 Mouseout:鼠标从元素上,移出元素范围,和mouseover一起使用 3.鼠标点击<em>事件</em>(左键相关<em>事件</em>) click 鼠标<em>单击</em><em>事件</em> dbclick 鼠标双击<em>事件</em> mousedown/mouseup...blur 离焦 页面焦点由目标元素移开 Demo: window.onload= function(){ //页面加载<em>后</em>,<em>在</em>输入框加入默认值...8.默认<em>事件</em><em>的</em>阻止和传播阻止 使用场景极为常见,超链接用户点击<em>后</em>,取消了不发生跳转。...> HTML DOM Event对象 提供<em>preventDefault</em>()用于阻止默认<em>事件</em><em>的</em>发生, 该方法IE 不支持 ,<em>在</em>IE中使用 returnValue 提供stopPropagation

2.4K80

怎么创建 JavaScript 自定义事件

最基本形式中,你只需要将一个字符串传递给构造函数,这个字符串就是你定义事件名称。...例如,当用户单击按钮时,事件将 isTrusted 设置为 true,而我们自定义事件会将其设置为 false,因为该事件是由 JavaScript 触发。...,我们将创建一个双击事件,只要你短时间内单击一个元素,就会触发该事件。...该事件还会将按钮单击之间总时间作为自定义数据传递。 首先,我们需要创建一个正常单击事件监听器来确保是否有双击。...对于我们自定义事件,我们将所有选项都设置为 true,因为默认情况下,单击事件将所有这些属性设置为 true,而且我们希望双击行为类似于正常单击

1.4K10

怎么创建 JavaScript 自定义事件

最基本形式中,你只需要将一个字符串传递给构造函数,这个字符串就是你定义事件名称。...在这个例子中,我们将创建一个双击事件,只要你短时间内单击一个元素,就会触发该事件。...该事件还会将按钮单击之间总时间作为自定义数据传递。 首先,我们需要创建一个正常单击事件监听器来确保是否有双击。...对于我们自定义事件,我们将所有选项都设置为 true,因为默认情况下,单击事件将所有这些属性设置为 true,而且我们希望双击行为类似于正常单击。...最后,我们事件目标上调度事件,这里是按钮元素。我们剩下要做最后一件事就是监听事件

1.3K10

详解JavaScript事件处理程序

一、事件是什么? 事件是用户与浏览器进行交互方式。譬如用户点击按钮就会产生click事件,浏览器会找到相应js代码并执行,我们要做就是按照规则编写js代码放在指定位置即可。...二、怎么使用事件功能? 两种方式使用事件功能:1、增加元素事件属性;2、调用内置对象方法addEventListener。 <!...当元素发生了某个事件,不仅会执行本元素事件处理程序,还会一直向上寻找所有父元素对应事件处理程序并执行。...实例:表单提交中,通常会做一些数据校验,如果数据不符合格式,可以用preventDefault() 方法来阻止数据发送到服务器默认操作。...实例:编程方式生成单击事件

82300

100个最常问JavaScript面试问答-第2部分(共10部分)

问题18.如何知道是否元素中使用了event.preventDefault()方法? 问题19.什么是Closure(闭包)? 问题20.您可以用几种方法JavaScript中创建数组?...答: 当事件发生在DOM元素上时,该事件并不完全发生在那个元素上。 捕获阶段,事件从窗口开始一直到触发事件元素。...这整个事件事件捕获 问题17.解释event.preventDefault()和event.stopPropagation()方法之间区别?...当event.stopPropagation()方法停止事件传播时。 它阻止了事件冒泡或捕获阶段发生。 问题18.如何知道是否元素中使用了event.preventDefault()方法?...答: 我们可以事件对象中使用event.defaultPrevented属性。 它返回一个布尔值,指示是否特定元素中调用event.preventDefault()。

1.1K31

5、React组件事件详解

; 当某个事件触发时,React根据这个内部映射表将事件分派给指定事件处理函数; 当映射表中没有事件处理函数时,React不做任何操作; 当一个组件安装或者卸载时,相应事件处理函数会自动被添加到事件监听器内部映射表中或从表中删除...合成事件是对浏览器原生事件跨浏览器封装,并与浏览器原生事件有着同样接口,如stopPropagation(),preventDefault()等,并且 这些接口是跨浏览器兼容。...单击触发react事件 React并不是将click事件绑在该div真实DOM上,而是document处监听所有支持事件,当事件发生并冒泡至document处时,React...4、表单事件 onChange onInput onSubmit onChange事件经过React改良,内容改变时即可实时触发;而原生需内容改变且失去焦点触发才触发。...ReactEvent 通过设置原生事件绑定为冒泡阶段调用,且每次测试单击子元素按钮: 子元素原生事件程序中阻止事件传播,则打印出: 子元素原生事件绑定事件触发; 父元素元素事件程序中阻止事件传播

3.7K10

Android studio 项目手动本地磁盘中删除module,残留文件夹无法删除问题解决方法

Android studio 项目手动本地磁盘中删除module,残留文件夹无法删除问题 如标题所述,本人在本地磁盘删除project中module(好吧,是我太菜了),仍然残留着一个文件夹,但是又无法右键之后又无法删除...modules and Android-Gradle modules in one project 其中 testforbook, activitytest, Test-testforbook 是已经删除...这是实在不行办法,所以下次不要这么删除module,简单删除 方式如下(推荐看大神更加详细方式) 点击右上角打开project Structure — 选择需要删除module — 点击“...总结 到此这篇关于Android studio 项目手动本地磁盘中删除module,残留文件夹无法删除问题文章就介绍到这了,更多相关Android studio 残留文件夹无法删除内容请搜索ZaLou.Cn...以前文章或继续浏览下面的相关文章希望大家以后多多支持ZaLou.Cn!

3.3K31

解决SecurecCRT登录,发现方向键、backspace(退格键)、delete(删除键)为乱码问题

问题:使用securecrt ssh到linux之后,backspace(退格键),delete(删除键),以及4个方向键都为乱码,不能正常使用。按tab键也没有自动补全文件名。...即: 按Backspace(退格键)和delete(删除键)屏幕显示是:^H 按方向键则屏幕显示是:^[[A^[[B^[[C^[[D 环境: SecureCRT8.1.4 (build 1443)、...解决backspace(退格键)和delete(删除键)乱码问题:  SecureCRT 工具栏–>选项(options)–>会话选项(CRTsession)–>终端(terminal)–>仿真(...解决方向键乱码和tab键不能自动补全问题: 输入 echo $0  查看linux当前shell环境,如果显示如下: -sh 则说明我们当前用是sh环境,这是因为创建用户时没有指定环境,默认为sh...所以我们以后创建用户时候应该用这个命令:   useradd -d /home/abc abc -m -s /bin/bash    -s代表指定一个shell(这个bash shell更舒服更漂亮些

4.9K20

彻底完美解决安卓苹果手机点击输入框网页页面自动放大缩小

为了方便用户查看浏览器移动默认设置用户可以放大或者缩小, 但是随着前端届日新月异变化,反而随意放大缩小成了我们需要解决问题; 安卓手机解决方案: <meta name="viewport" content...: 注意:IOS端input字体最小为16px,否则系统会自动触发聚焦放大 // 当页面加载完成触发该函数 window.onload = function () {...// e.preventDefault() === 阻止默认事件 // 当一个手指放在屏幕上时,会触发 touchstart 事件。...{ e.preventDefault(); }); // 单个元素上单击两次 === dblclick document.addEventListener...// 但只要有一个手指移开, 就会触发 gestureend 事件,紧接着又会触发基于该手指 touchend 事件

2.3K10
领券