jQuery preventDefault() ,stopPropagation(),stopImmediatePropagation()

preventDefault()函数用于阻止当前触发事件的默认行为. 在HTML文档中,当我们触发某些DOM元素的特定事件时,可以执行该元素的默认行为.比如链接的click事件:当我们点击一个链接时,就会跳转到指定的URL.再比如:<form>表单元素的submit事件,当我们触发表单的提交事件时,就可以提交当前表单. stopImmediatePropagation()函数用于阻止剩余的事件处理函数的执行,并防止当前事件在DOM树上冒泡. 根据DOM事件流机制,在元素上触发的大多数事件都会冒…

How to correctly use preventDefault(), stopPropagation(), or return false; on events

How to correctly use preventDefault(), stopPropagation(), or return false; on events I’m sure this has been written about many times before and probably has hundreds of answers on StackOverflow. Despite this we still find ourselves going through code…

preventDefault stopPropagation??

棒棒哒~ event.preventDefault https://developer.mozilla.org/zh-CN/docs/Web/API/Event/preventDefault stopPropagation https://developer.mozilla.org/zh-CN/docs/Web/API/Event/stopPropagation…

jquery preventDefault()方法语法

jquery preventDefault()方法语法作用:preventDefault() 方法阻止元素发生默认的行为(例如,当点击提交按钮时阻止对表单的提交).大理石平台价格语法:event.preventDefault() 参数: 参数描述 event 必需.规定阻止哪个事件的默认动作.这个 event 参数来自事件绑定函数. jquery preventDefault()方法示例 <html> <head> <script type="te…

perventDefault, stopPropagation, stopImmediatePropagation 三者的区别

event有三种特别容易混淆的方法, 用来阻止默认事件的发生 1. e.preventDefault(); 2. e.stopPropagation(); 3. e.stopImmediatePropagation(); 首先看这三个在MDN上的介绍 preventDefault: 如果当前event.cancelable属性为true, 则取消当前默认的动作, 但不阻止当前事件进一步传播. stopPropagation: 阻止当前冒泡或者捕获阶段的进一步传播 . stopImmediate…

jQuery Event.stopPropagation() 函数详解

stopPropagation()函数用于阻止当前事件在DOM树上冒泡. 根据DOM事件流机制,在元素上触发的大多数事件都会冒泡传递到该元素的所有祖辈元素上,如果这些祖辈元素上也绑定了相应的事件处理函数,就会触发执行这些函数. 使用stopPropagation()函数可以阻止当前事件向祖辈元素的冒泡传递,也就是说该事件不会触发执行当前元素的任何祖辈元素的任何事件处理函数. 该函数只阻止事件向祖辈元素的传播,不会阻止该元素自身绑定的其他事件处理函数的函数.event.stopImmediateP…

preventDefault, stopPropagation, return false -JS事件处理中的坑

我们以一个文件上传ui重设计为例子来探讨这几个函数的区别: 其中的html代码如下: <div class="file-upload"> <input type="file" name="upload-file" class="file-upload__input" style="display: none;" /> <div class="file-upload__…

stopPropagation / stopImmediatePropagation

stopPropagation()只会阻止冒泡或者是捕获. stopImmediatePropagation()会阻止该元素的其他事件发生,但是stopPropagation就不会阻止其他事件的发生.…

jquery preventDefault() 方法防止打开不是本站的链接URL

将以下代码保存为test.html,用浏览器打开即可测试 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m…

jquery preventDefault()事件

定义和用法 preventDefault() 方法阻止元素发生默认的行为(例如,当点击提交按钮时阻止对表单的提交). 语法 event.preventDefault() 参数描述 event 必需.规定阻止哪个事件的默认动作.这个 event 参数来自事件绑定函数.…

jQuery事件处理

浏览器的事件模型 DOM第0级事件模型 Event实例他的属性提供了关于当前正被处理的已触发事件的大量信息.这包括一些细节,比如在哪个元素上触发的事件.鼠标事件的坐标以及键盘事件中单击了哪个键. 事件冒泡当触发 dom 树中一个元素上的事件时,事件模型会检查这个元素是否已经创建了特定的事件处理器.如果是,就会调用已创建的事件处理器.然后,事件模型会检查目标元素的父元素,看其是否已经为此事件类型创建了处理器.如果是,就调用已创建的处理器,之后检查它的父元素,以及父元素的父元素,以此类推,直到…

jquery14 on() trigger() : 事件操作的相关方法

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script src="jquery-2.0.3.js"></script> <script> jQu…

js 的强制类型转换cast, 伪对象?

拼音输入法简单快捷, 但是重码多, 所以要看清了再选择, 不然会影响输入正确性和心情的! js的类型隐式转换? 是指, 根据表达式的操作符号如if(), + , && , js会自动判断 operand 是否符合表达式的操作符号 operator 的需要, 如果是, 直接计算, 如果不是, 就试着去转换 operand的类型. 如果转换不成功, 就停止执行停止引擎 spidermonkey... event的事件戳转换? js中除了事件名称全部小写外, 如mouseente…

读书笔记: 深入浅出node.js

>> 深入浅出node.js node.js是c++编写的js运行环境浏览器: 渲染引擎 + js引擎后端的js运行环境 node.js用google v8引擎,同时提供很多系统级的API(文件操作网络编程...) node.js采用事件驱动异步编程,为网络服务而设计浏览器端的js有各种安全限制 node.js提供的多数API都是基于事件的,异步的风格. node.js的优点:充分利用系统资源,执行代码不会被阻塞以等待某个操作的完成:这个设计非常适合后端的网络服务编程.通过事件注册,…

return、reutrn false、e.preventDefault、e.stopPropagation、e.stopImmediatePropagation的区别

return var i = function(){ return } console.log(i())//undefined return的主要作用是阻止函数继续执行,直接返回undefined return false <a class="baidu" href="http://www.baidu.com">百度</a> $('.baidu').on('click',function(e){ console.log(1) return f…

js 阻止事件冒泡和默认行为 preventDefault、stopPropagation、return false

preventDefault: preventDefault它是事件对象(Event)的一个方法,作用是取消一个目标元素的默认行为.既然是说默认行为,当然是元素必须有默认行为才能被取消,如果元素本身就没有默认行为,调用当然就无效了.什么元素有默认行为呢?如链接<a>,提交按钮<input type=”submit”>等.当Event对象的cancelable为false时,表示没有默认行为,这时即使有默认行为,调用 preventDefault也是不会起作用的. 我们都知道,链接&…

解密jQuery事件核心 - 委托设计（二）

第一篇 http://www.cnblogs.com/aaronjs/p/3444874.html 从上章就能得出几个信息: 事件信息都存储在数据缓存中对于没有特殊事件特有监听方法和普通事件都用addEventListener来添加事件了. 而又特有监听方法的特殊事件,则用了另一种方式来添加事件. 本章分析的重点: 通过addEventListener触发事件后,回调句柄如何处理? 具体来说就是,如何委派事件的,用到哪些机制,我们如果用到项目上是否能借鉴? 涉及的处理: 事件句柄的读取与处理…

解密jQuery事件核心 - 模拟事件（四）

前几章已经把最核心的实现都分解过了,这一章我们看看jQuery是如何实现事件模拟的在Internet Explorer 8和更低,一些事件change 和 submit本身不冒泡,但jQuery修改这些冒泡,创建一致的跨浏览器的行为. 焦点事件 blur : 在这个事件触发前,元素已经失去焦点,不冒泡,同步触发.target 指向当前失去焦点的元素. focus: 在这个事件触发前,元素已经得到焦点,不冒泡,同步触发.target 指向当前得到焦点的元素. 与此同时DOM Level 3 事件…

jQuery源代码学习之九—jQuery事件模块

jQuery事件系统并没有将事件坚挺函数直接绑定在DOM元素上,而是基于事件缓存模块来管理监听函数的. 二.jQuery事件模块的代码结构 //定义了一些正则 // // //jQuery事件对象 jQuery.event={ global:{}, add:function(elem,types,handle,data,selector){}, remove:function(elem,types,handler,selector,mapppedTypes){}, trigger:functio…

转：VS2008 vs2010中JQUERY智能提醒

第一步: 安装VS 2008 SP1 VS 2008 SP1 在Visual Studio中加了更丰富的JavaScript intellisense支持,对很大部分的JavaScript库加了代码完成支持. 你可以在这里下载VS 2008 SP1 和 Visual Web Developer 2008 Express SP1. 第二步: 安装VS 2008 Patch KB958502以支持"-vsdoc.js"Intellisense文件你可以将其运用到VS 2008 SP1 和…

jquery 计算输入的文本的utf-8字节长度

jquery-2.1.1.min.js /*! jQuery v2.1.1 | (c) 2005, 2014 jQuery Foundation, Inc. | jquery.org/license */ !function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.…

jQuery源码分析--Event模块（1）

jQuery的Event模块提供了强大的功能:事件代理,自定义事件,自定义数据等.今天记录一下它实现的原理. 我们都知道,在js的原生事件中,有事件对象和回调函数这两样东西.但是事件对象是只读的,所以jQuery就用了自己的Event对象替代了原生的事件对象,这样就可以实现对事件对象的完全控制,所以才能实现自定义数据.而回调函数的话,每个元素只有一个一样的回调函数,这样方便管理. 下面来看看event对象长什么样. 可以看到jQuery的事件对象其实一开始就只有这么一点东西.其中original…

jQuery和JS对比

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

jquery 实现点击图片居住放大缩小

该功能是基于jquery实现的,所以第一步则是引入jquery jquery下载地址:https://jquery.com/download/ 或者使用此时调试的版本(3版本) /*! jQuery v3.2.1 | (c) JS Foundation and other contributors | jquery.org/license */ !function(a,b){"use strict";"object"==typeof module&&…

jQuery JavaScript Library v3.2.1

/*! * jQuery JavaScript Library v3.2.1 * https://jquery.com/ * * Includes Sizzle.js * https://sizzlejs.com/ * * Copyright JS Foundation and other contributors * Released under the MIT license * https://jquery.org/license * * Date: 2017-03-20T18:59Z *…

未压缩的jQuery

/*! * jQuery JavaScript Library v3.4.1 * https://jquery.com/ * * Includes Sizzle.js * https://sizzlejs.com/ * * Copyright JS Foundation and other contributors * Released under the MIT license * https://jquery.org/license * * Date: 2019-05-01T21:04Z *…