(2)当用户在编辑完表单后按下回车键时，会触发表单的submit事件，在此事件发生后，表单提交才会真正发生。 这种行为与我们讨论的事件处理程序不是同一个概念，它是单击标签元素的默认操作。...如果我们不希望执行这种默认操作，那么在事件对象上调用.stopPropagation()方法也无济于事，因为默认操作不是在正常的事件传播流中发生的。...在这种情况下，处理方法有： 1、w3c的方法是e.preventDefault()，IE则是使用e.returnValue = false; preventDefault它是事件对象(Event)的一个方法...1 //jQuery，既阻止默认行为又停止冒泡 2 $("#testA").on('click',function(){ 3 return false;//当然 也阻止了事件本身 4 }); 总结使用方法...当需要停止冒泡行为时，可以使用： function stopBubble(e) { //如果提供了事件对象，则这是一个非IE浏览器 if ( e && e.stopPropagation
jQuery对这个事件对象进行了必要的扩展，从而在不论什么浏览器中都能够使用这个属性。通过.target，能够确定DOM中首先接收到事件的元素（即实际被单击的元素）。...与.target类似，这种方法也是一种纯JavaScript特性，但在跨浏览器的环境中则无法安全地使用 。 只是，仅仅要我们通过jQuery来注冊全部的事件处理程序。就能够放心地使用这种方法。 以下。...类似地，当用户在编辑完表单后按下回车键时。会触发表单的submit事件，在此事件发生后，表单提交才会真正发生。 假设我们不希望运行这样的默认操作。...在这样的情况下，.preventDefault()方法则能够在触发默认操作之前终止事件 。 提示 当在事件的环境中完毕了某些验证之后，一般会用到.preventDefault()。比如。...这是对在事件对象上同一时候调用.stopPropagation()和.preventDefault()的一种简写方式。
（2）通过e.stopPropagation()来阻止冒泡的原理： 这是one... $("#one").click(function(e){ //将handle.apply( cur, data );注释后，冒泡不生效 e.stopPropagation...() console.log('one被点击了') ③ e.stopPropagation()走的是这里： //event的属性赋值 //源码5749行 jQuery.Event.prototype...submit） event.preventDefault(); } } 也就是说： 在冒泡循环机制中，在执行完jQuery绑定的handler...源码： //结果仅供内部使用 // results is for internal usage only //源码442行 makeArray: function( arr
浏览器默认行为： 在form中按回车键就会提交表单；单击鼠标右键就会弹出context menu. a标签 1..停止事件冒泡 JavaScript代码 1 //如果提供了事件对象，则这是一个非IE浏览器...2 if ( e && e.stopPropagation ) 3 //因此它支持W3C的stopPropagation()方法 4 e.stopPropagation(); 5 else 6 //...否则，我们需要使用IE的方式来取消事件冒泡 7 window.event.cancelBubble = true; 8 return false; 2.阻止浏览器的默认行为 JavaScript代码...return false; } 但是在使用return false时必须注意： 1、jQuery有自己的事件处理层，也对处理程序做了封装，如果事件处理程序返回false，事件冒泡和浏览器默认事件都会被阻止...摘自：http://blog.csdn.net/jquery_qq/article/details/51568816 http://www.cnblogs.com/yuzhongwusan/archive
有时候，在开发中，需要遇到拖拽上传图片的需求，即从磁盘选中一张或多张图片，然后按着鼠标把图片拖动到页面上指定的区域，实现图片的上传。...(); //阻止浏览器默认打开文件的操作 e.preventDefault(); e.dataTransfer.dropEffect = 'copy';...里面用的formData对象来上传图片的，该对象的作用是： 1、用一些键值对来模拟一系列表单控件，即把form中所有表单元素的name与value组装成一个queryString； 2、异步上传二进制文件..., //必须 禁止jQuery处理发送的数据 其中先封装了一个 formData 对象，然后使用 post 方法将文件传给服务器。...当我们使用表单上传文件时，我们来查看他的Request headers，如下图： ?
停止事件冒泡 停止时间冒泡可以阻止事件中其他对象的事件处理函数被执行.在jquery中提供了stopPropagation()方法来阻止冒泡事件....可以用同样的方法解决 元素上的问题 阻止默认行为 网页中的元素都有自己默认的行为,例如:单击超链接后悔跳转,单击”提交”按钮会表单会提交,有时需要阻止元素的默认行为 在jquery中,提供了preventDefault..."); //提示信息 event.preventDefault(); //阻止默认行为 ( 表单提交 ) } }) 事件对象的属性 (1) event.type()方法 该方法的作用是可以...jquery对其进行了封装,使之能兼容各大浏览器 (3)event.stopPropagation()方法 阻止事件的冒泡.js真符合W3C规范的stopPropagation()方法在IE浏览器中无效...该方法的作用是获取到光标相对于页面的x坐标和y坐标.如果没有使用jquery时,那么IE浏览器中 是使用event.pageX()和event.pageY()方法.如果页面上有滚动条,则还要加上滚动条的宽度和高
e.stopPropagation()阻止事件冒泡 <script src="Scripts/<em>jQuery</em>-1.4.1.js" type="...有的时候我们<em>不</em>希望事件冒泡咋办？...e.<em>preventDefault</em>()阻止事件默认行为。...()和e.<em>stopPropagation</em>() return false除了阻止默认行为之外，还会阻止事件冒泡。...如果手上有一份<em>jquery</em>源代码的话，可查看其中有如下代码： if (ret===false){ event.<em>preventDefault</em>(); event.<em>stopPropagation</em>
jQuery Growl 插件(消息提醒) 允许您很容易地在一个覆盖层显示反馈消息。消息会在一段时间后自动消失，不需要单击"确定"按钮等。用户也可以通过移动鼠标或点击关闭按钮加快隐藏信息。...使用方式 下载好插件后导入 jQuery 库，jquery.growl.js，jquery.growl.css 三个文件，如： 如需使用 Growl 插件，请选择你要设置的显示文本元素，把文本作为参数传递给它： $.growl({ title: "消息标题", message: "消息内容!"...}); $('.error').click(function(event) { event.preventDefault(); event.stopPropagation...}); }); $('.notice').click(function(event) { event.preventDefault(); event.stopPropagation
e.stopPropagation()，IE则是使用e.cancelBubble = true stopPropagation也是事件对象(Event)的一个方法，作用是阻止目标元素的冒泡事件，但是会不阻止默认行为...window.event.cancelBubble = true : e.stopPropagation(); 阻止默认行为 w3c的方法是e.preventDefault()，IE则是使用e.returnValue...false只会阻止默认行为，而是用jQuery的话则既阻止默认行为又防止对象冒泡 下面这个使用原生js，只会阻止默认行为，不会停止冒泡 <div id='div' onclick='alert("div...当需要停止冒泡行为时，可以<em>使用</em> function stopBubble(e) { //如果提供了事件对象，则这是一个非IE浏览器 if ( e && e.<em>stopPropagation</em> ) ...//因此它支持W3C的<em>stopPropagation</em>()方法 e.<em>stopPropagation</em>(); else //否则，我们需要<em>使用</em>IE的方式来取消事件冒泡 window.event.cancelBubble
文件上传是指将本地图片、视频、音频等文件上传到服务器上，可以供其他用户浏览或下载的过程。 今天我给大家聊聊常见的文件（图片）上传的方式和要点处理。...表单上传 这是传统的form表单上传，使用form表单的input[type=”file”]控件，可以打开系统的文件选择对话框，从而达到选择文件并上传的目的，它的好处是多浏览器兼容，它是web开发者最常用的一种文件上传方式...file控件的change来触发上传事件，当然你也可以使用某个按钮来触发表单提交。...在这里我使用了jQuery封装好的uploadify插件来进行演示，一般这类插件都自带了上传用的Flash文件，因为跟服务端回传的数据和展示跟客户端的交互，都是Flash文件的接口跟插件来对接的。...", function(e){ e.stopPropagation(); e.preventDefault(); var files = e.originalEvent.dataTransfer.files
使用event.preventDefault()可以取消默认事件。...防止冒泡和捕获 w3c的方法是e.stopPropagation()，IE则是使用e.cancelBubble = true stopPropagation也是事件对象(Event)的一个方法，用是阻止目标元素的冒泡事件...，但是会不阻止默认行为。...window.event.cancelBubble = true : e.stopPropagation(); 取消默认事件 w3c的方法是e.preventDefault()，IE则是使用e.returnValue...只会阻止默认行为，而是用jQuery的话则既阻止默认行为又防止对象冒泡。
; }); 在这个处理函数中，我们使用 alert 函数弹出一个提示框。实际上，事件处理函数可以执行各种操作，包括但不限于修改页面元素、发送网络请求、切换样式等。...在 JQuery 中，可以使用 stopPropagation 方法来阻止事件冒泡。让我们通过一个例子演示如何使用这个方法： <!...通过在内层元素的点击事件处理函数中使用 stopPropagation 方法，我们阻止了事件冒泡，即只触发内层元素的点击事件，而不再向外层元素传播。...创造奇迹：动态绑定与解绑 在实际开发中，我们经常面临动态添加或移除元素的情况。对于这样的场景，JQuery 提供了动态事件绑定与解绑的方法，让你能够随心所欲地处理事件。...event.preventDefault(); // 进行表单提交前的其他操作 alert("表单验证通过，可以提交！")
阻止事件冒泡 事件冒泡机制有时候是不需要的，需要阻止掉，通过 event.stopPropagation...DOCTYPE html> <script type="text/javascript" src="<em>jquery</em>-3.4.0....阻止默认行为 阻止<em>表单</em>提交 $('#form1').submit(function(event){ event.<em>preventDefault</em>(); }) 这个是阻止<em>表单</em>提交的默认行为，这个行为和阻止冒泡可以合并一起写...合并阻止操作 实际开发中，一般把阻止冒泡和阻止默认行为合并起来写，合并写法可以用 // event.<em>stopPropagation</em>(); // event.<em>preventDefault</em>(); // 合并写法...<em>使用</em>return false;其实就是使函数传递false的值，从而阻止冒泡传递，阻止函数继续执行。
为了正确解绑,需要在绑定时不使用匿名函数: var handler = function(){console.log("click");}; btn.addEventListener("click",...可以指定事件流类型为冒泡或捕获(第三个boolean参数,为false为冒泡类型)。 需要注意的一点是IE仅从IE9开始支持DOM2级事件处理方式。...相信大家对于event对象的三个方法已经非常熟悉: preventDefault(), stopPropagation(), stopImmediatePropagation()。...stopPropagation():如果event对象的bubbles属性为true,可以取消时间的进一步冒泡或捕获(取决于事件流类型)。...参考资料： http://code.jquery.com/jquery-1.10.2.js。 W3C: DOM Events
3：在HTML中有的元素被定义了一些默认的属性，比如说A元素，这个元素就是我们平时使用的超链接标签，这个标签的默认属性是实现页面的跳转。...如下： $('p:first').click(function(event){ //event对象可以使用了 }); 5：有时我们不希望冒泡或默认的事件发生...，这样就需要一些jQuery的的方法阻止冒泡和默认的事件了。...event.preventDefault()在事件的处理中，可以阻止默认事件但是允许冒泡事件的发生。 ...event.stopPropagation()在事件的处理中，可以阻止冒泡但是允许默认事件的发生。
jquery 提供了一种速度更快，使用更便捷的方式，那便是 ready 方法。...当我们验证邮箱格式、手机号、身份证号时必不可少，那么 jquery 中如何使用呢？...出现零次或一次（最多出现一次） + 出现一次或多次（至少出现一次） * 出现零次或多次（任意次） {n} 出现n次 {n,m} 出现n到m次 {n,} 至少出现n次 范围：使用中括号将可选内容列出，代表内容中任意一个...通过： event.stopPropagation(); 既然说起阻止事件冒泡了，那么我们也提一下如何阻止表单提交吧： event.preventDefault(); 实际开发中其实常常将其混合使用，也就是两句话写在一起使用...： // event.stopPropagation(); // event.preventDefault(); // 合并写法： return false; 3.2 事件委托 同样，先来看定义： 事件委托就是利用冒泡的原理
常见 DOM 事件： 鼠标事件 键盘事件 表单事件 文档/窗口事件 click keypress submit load dblclick keydown change resize mouseenter...keyup focus scroll mouseleave blur unload 事件绑定 文档装载完成后，如果打算为元素绑定事件来完成某些操作，则可以使用on()方法来对被选元素及子元素上添加一个或多个事件处理程序...该方法给 API 带来很多便利，我们推荐使用该方法，它简化了 jQuery 代码库。 提示：如需移除事件处理程序，请使用Off()方法。...规定要从被选元素移除的一个或多个事件或命名空间。由空格分隔多个事件值。必须是有效的事件。 childSelector 可选。...该方法给 API 带来很多便利，我们推荐使用该方法，它简化了 jQuery 代码库。 注意：如需移除指定的事件处理程序，当事件处理程序被添加时，选择器字符串必须匹配 on() 方法传递的参数。
jquery介绍 jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。...jquery是一个函数库，一个js文件，页面用script标签引入这个js文件就可以使用。...选择器 jquery用法思想一 选择某个网页元素，然后对它进行某种操作 jquery选择器 jquery选择器可以快速地选择元素，选择规则和css样式相同，使用length属性判断是否选择成功。...() 向下展开 slideUp() 向上卷起 slideToggle() 依次展开或卷起某个元素 jquery链式调用 jquery对象的方法会在执行完后返回这个jquery对象，所有jquery对象的方法可以连起来写...合并写法可以用 // event.stopPropagation(); // event.preventDefault(); // 合并写法： return false; 事件委托 事件委托就是利用冒泡的原理
Jerry Wang, last modified on Oct 10, 2014 测试代码： <script src="C:\Users\i042416\Desktop\<em>jquery</em>...evt.<em>stopPropagation</em>():( evt.cancelBubble = true ); evt.<em>preventDefault</em>(); } </script...navigate到baidu webpage 点击four: 依次弹出four, middle，outermost的dialog， 然后navigate到baidu webpage 如果<em>不</em>希望...对于tag a 元素three，如果要阻止浏览器navigate到baidu website这一默认行为，需要调用event的<em>preventDefault</em>()方法: ?...如果是采用<em>jQuery</em>的click方法绑定的事件处理，只需在事件处理函数里返回false即可: ?
如果事件类型指示事件不起泡，则在完成此阶段后，事件对象将停止。 冒泡阶段：事件对象通过目标的祖先中传播以相反的顺序，开始与目标的父和与所述结束窗口。这个阶段也被称为冒泡阶段。...取消事件：可取消的事件对象可以与一个或多个“默认动作”相关联。要取消事件，请调用该preventDefault()方法。 一个图片 ?...1 //jQuery，既阻止默认行为又停止冒泡 2 $("#testA").on('click',function(){ 3 return false;//当然 也阻止了事件本身 4 }); 总结使用方法...e.stopPropagation(); //因此它支持W3C的stopPropagation()方法 }else{ window.event.cancelBubble...= true; //否则，我们需要使用IE的方式来取消事件冒泡 } } 当需要阻止默认事件时 function stopDefault( e ) { if ( e && e.preventDefault
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
