jquery阻止默认事件

jquery阻止默认事件相关知识

• javascript/jquery-阻止事件冒泡和事件默认操作几种方式

  最近看vue的事件处理的时候，突然想到了平时写代码的时候经常用return false来阻止默认操作和事件冒泡，都没有用event对象提供的方法。网上的文章也大多有出入，就只好自己写了，便于后面查阅。说明：本文通过对元素的事件属性、事件监听器（addEventListener）和jquery 的事件绑定on来为元素绑定事件，通过return false、event.preventDefault()和event.stopPropagation()来阻止事件默认操作和事件冒泡。1. 阻止事件冒泡和事件默认操作几种方式-demo1.1 界面效果-html界面显示<div id="box1">     <ol>         <li>         
• JavaScript事件冒泡、事件捕获和阻止默认事件

  原文链接谈起JavaScript的 事件，事件冒泡、事件捕获、阻止默认事件这三个话题，无论是面试还是在平时的工作中，都很难避免。冒泡篇先来看一段实例：js:var $input = document.getElementsByTagName("input")[0];        var $div = document.getElementsByTagName("div")[0];        var $body = document.getElementsByTagName("body")[0];         $i
• JavaScript停止冒泡和阻止浏览器默认行为

  著作权归作者所有。 商业转载请联系作者获得授权,非商业转载请注明出处。 链接:http://caibaojian.com/javascript-stoppropagation-preventdefault.html 来源:http://caibaojian.com 事件兼容 function myfn(e){ var evt = e ? e:window.event; } JS停止冒泡 function myfn(e){ window.event? window.event.cancelBubble = true : e.stopPropagation(); } js阻止默认行为 function myfn(e){ window.event? window.event.returnValue = false : e.preventDefault
• jquery学习： JQuery中阻止事件冒泡方式及其区别

             JQuery 提供了两种方式来阻止事件冒泡。方式一：event.stopPropagation();        $("#div1").mousedown(function(event){              event.stopPropagation();          });方式二：return false;        $("#div1").mousedown(function(event){          &

jquery阻止默认事件相关课程

• Android事件分发机制 介绍android系统中关于事件分发的原理，以及流程

  讲师：Sunday 入门 6530人正在学习

• NGINX官方职业技能认证（NAA），全国通用企业认可 NGINX 已成为全球最常用的 Web 服务器，有超过 4 亿个域名依赖于 NGINX 提供 Web 服务。NGINX 工程师的需求呈增长紧缺状态，为响应市场需求，官方推出的 NGINX 认证等级考试，慕课网与官方全球唯一认证机构联合，打造能胜任企业岗位标准的人才能力认证 ，抓住新机遇，考证提早一步，好机会快人一步。

  讲师：裴继奎 初级 52人正在学习

• 线程八大核心+Java并发原理精讲及企业级并发解决方案 课程讲解并发技术的“三座大山”。“第一座大山”：八大核心基础，分为8个章节讲解，分而治之，逐个攻克，为“第二座大山“Java内存模型”做铺垫，“第三座大山“”死锁”落到常见的并发问题和企业级解决方案上，带你传授并发编程技巧，工作面试无忧。

  讲师：悟空 初级 2465人正在学习

jquery阻止默认事件相关教程

• 4. 事件修饰符 在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求。尽管我们可以在方法中轻松实现这点，但更好的方式是：方法只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。为了解决这个问题，Vue.js 为 v-on 提供了事件修饰符。实现方法就是在事件名称后面以后缀的形式添加指定的修饰符。知识扩展：event.preventDefault() 用来取消事件的默认动作。event.stopPropagation() 用来阻止事件冒泡到父元素，阻止任何父事件处理程序被执行。Vue 提供了以下事件修饰符：.stop: 阻止单击事件继续传播；.prevent: 只有修饰符，提交事件不再重载页面；.capture: 添加事件监听器时使用事件捕获模式，即元素自身触发的事件先在自身处理，然后交由内部元素进行处理；.self: 只有在event.target是当前元素自身时触发处理函数，即事件不是从内部元素触发的；.once: 点击事件将只触发一次;.passive: 滚动事件会立即触发，不会等待其他串联事件。即prevent会失效。<!-- 阻止单击事件继续传播 --><a v-on:click.stop="doThis"></a><!-- 提交事件不再重载页面 --><form v-on:submit.prevent="onSubmit"></form><!-- 修饰符可以串联 --><a v-on:click.stop.prevent="doThat"></a><!-- 添加事件监听器时使用事件捕获模式 --><!-- 即内部元素触发的事件先在此处理，然后才交由内部元素进行处理 --><div v-on:click.capture="doThis">...</div><!-- 只当在 event.target 是当前元素自身时触发处理函数 --><!-- 即事件不是从内部元素触发的 --><div v-on:click.self="doThat">...</div><!-- 点击事件将只会触发一次 --><a v-on:click.once="doThis"></a>接下来，我们用一个完整的示例来看下这些修饰符的使用方法。586代码解释：代码第 4-7 行，stop 案例中，当我们给按钮 click 事件添加 .stop 修饰符之后，点击按钮，事件不会向上传递。代码第 10-16 行，submit.prevent 案例中，当给 submit 事件添加 .prevent 修饰符之后，提交事件不再重载页面。代码第 19-21 行，capture 案例中，我们给父容器添加了 capture 事件，当点击按钮的时候，会先触发 capture 中的事件函数，然后再触发按钮绑定的点击事件。代码第 24-26 行，self 案例中，我们给父容器的点击事件添加了 .self 的修饰符，所以只有点击父容器的时候才会触发该方法，当点击按钮的时候并不会触发父容器绑定的事件。代码第 29-31 行，once 案例中，我们给按钮的点击事件添加了 .once 的修饰符，所以只有首次点击按钮的时候会触发事件函数，再次点击之后将不会触发事件函数。
• 4.3 默认应用文件 默认安装后，app 目录下会包含下面的文件:文件名称功能与作用描述├─app应用目录│ ├─BaseController.php默认基础控制器类│ ├─ExceptionHandle.php应用异常定义文件│ ├─common.php全局公共函数文件│ ├─middleware.php全局中间件定义文件│ ├─provider.php服务提供定义文件│ ├─Request.php应用请求对象│ └─event.php全局事件定义文件Tips： provider.php 服务提供定义文件只能全局定义，不支持在应用下单独定义。
• 2.2 方法 2.2.1 stopPropagation调用此方法就会阻止事件的冒泡，使用到的场景大多为某个父元素和元素本身绑定了相同事件时。370上述例子，在点击按钮的时候，虽然完成了删除操作，但还是会弹出一个框，触发到了父级的事件，这是冒泡特性导致的，所以需要阻止向上冒泡，3712.2.2 preventDefault此方法可以取消事件的默认行为，比如超链接的点击，会发生跳转，跳转动作就是默认行为。给超链接绑定点击事件，调用事件对象下的 preventDefault 属性，默认行为就会取消，即不会发生跳转。372
• 2.2 默认值 在解构一个未知的数组时，需要对未能取的值的变量赋一个默认值，为了防止从数组中取出一个值为 undefined 的对象，可以在表达式的左边的数组中为任意变量预设一个默认的值。let [a=3, b=9] = [1]; // a=1 b=9let [a, b = 1] = [10, '']; // a=10, b=''let [a, b = 1] = [10, undefined]; // a=10, b=1Tips： 在 ES6 中，判断一个数组中是否有值，使用严格相等运算符（===）来进行判断，只有当一个数组成员严格等于 undefined，默认值才会生效。所以第三个 b 使用了默认值。let [a = 1] = [null]; // a=null我们知道 null==undefined 返回的是 true，null===undefined 返回的是 false。所以数组成员是 null，默认值就不会生效。
• 1. 什么是 jQuery jQuery 是一个使用 JavaScript 编写的库，可以让开发者用更少的代码来完成业务逻辑。许多年前前端的技术没有现在这么丰富，jQuery 和 JavaScript 也会被经常称为两个技术，因为使用 jQuery 完全可以替代掉使用原生的 JavaScript 操作 DOM、处理动画、处理 AJAX 等，这让两者之间的概念变得模糊。可以对比一下删除一个节点的操作：// 使用JavaScriptvar el = document.getElementById('element');el.parentNode.removeChild(el);// 使用 jQuery$('#element').remove();两者的区别一比较就出来了，jQuery 封装一层 DOM 操作，将原生的 DOM 方法向上层抽象，提供了一套更简洁的 API 来操作 DOM，同时也针对各个浏览器做了兼容性处理，如事件对象、事件的绑定方式等。
• 2. 内联在 HTML 中，阻止 a 标签的默认事件 <a> 标签的 href 属性，可以用来执行 JavaScript 代码。通常可以这么写：724这三行代码的效果是一样的。如果 <a> 标签的 href 属性是 javascript:表达式;，则会执行表达式的内容，并将页面的内容设置为表达式的结果，如果表达式的结果是 undefined，则什么都不做。根据这个规则，void 就起到了作用，但其实不写表达式，依然能达到这个效果。725这样的效果和上面使用 void 关键字的方式是等价的，这也是常用的方式。但碰到需要使用 <a> 标签执行函数的时候，void 就变得相对关键。726这种情况如果不加 void，页面内容就会发生改变，因为 log 函数存在非 undefined 的返回值。727加上 void 一样，结果就符合预期了，具体的添加、删除操作，再通过绑定对应的事件来实现。

jquery阻止默认事件相关搜索

j2ee j2ee是什么 jar格式 java java api java applet java c java jdk java list java map java script java se java socket java swing java switch java web java xml java 程序设计 java 多线程 java 环境变量

查看更多慕课网实用课程