【JQUERY中的事件处理：RETURN FALSE、阻止默认行为、阻止冒泡以及兼容性问题】的更多相关文章

FORM中使用onSubmit="return false"防止表单自动提交，以及submit和button提交表单的区别

在页面中有多个input type="text"的文本输入框的情况下没有问题,但是当页面中有只有一个文本框的情况下(),就会出现此问题. 后来在form 中添加:onsubmit="return false;"问题终于解决. <form name="frm"  method="post" onsubmit="return false;"> 下边对“防止表单自动提交,以及submit和button…

JQUERY中的事件处理：RETURN FALSE、阻止默认行为、阻止冒泡以及兼容性问题

return false 在jQuery中,我们常用return false来阻止浏览器的默认行为,那"return false"到底做了什么? 当你每次调用"return false"的时候,它实际上做了3件事情: event.preventDefault(); event.stopPropagation(); 停止回调函数执行并立即返回. 对,你没看错,return false确实做了这么多操作.它之所以被一再无误用,是因为使用它后看起来像是完成了我们的阻止任务…

jQuery中的事件处理

1.页面载入完毕响应事件所谓页面载入完毕是指DOM元素载入就绪了,能够被读取和操作了.①jQuery中的$(doucument).ready()事件ready(fn)是jQuery事件模块中最重要的一个函数.这个方法可以看作是对window.onload注册事件的替代方法.通过使用这个方法,可以在DOM载入就绪时立刻调用所绑定的函数,而几乎所有的javaScript函数都是需要在那一刻执行. ready(fn) 返回值:Object 参数-fn:要在DOM载入就绪时执行的参数Function 当…

原生js中stopPropagation,preventDefault,return false的区别

1.stopPropagation:阻止事件的冒泡,但不阻止事件的默认行为. 最好莫过于用例子说明: <div id='div'  onclick='alert("div");'>     <ul  onclick='alert("ul");'>         <li id='ul-a' onclick='alert("li");'><a href="http://www.baidu.com&…

jquery中ajax用return来返回值无效

jquery中,ajax返回值,有三种写法,只有其中一种是成功的 /** * async:false,同步调用 * 返回1:2 * 失败 * 分析:ajax内部是一个或多个定义的函数,ajax中return返回值,返回到ajax定义函数,而不是ajax外层的函数 */ function checkAccount1(){ var result = "1:2"; $.ajax({ url : path+'/user/checkAccount.do', type : "post&q…

jquery中这句 .stop(false,true); 什么意思

.stop 是jQuery中用于控制页面动画效果的方法.运行之后立刻结束当前页面上的动画效果.stop在新版jQuery中添加了2个参数:第一个参数的意思是是否清空动画序列,也就是stop的是当前元素的动画效果还是停止后面附带的所有动画效果,一般为false,跳过当前动画效果,执行下一个动画效果:第二个参数是是否将当前动画效果执行到最后,意思就是停止当前动画的时候动画效果刚刚执行了一般,这个时候想要的是动画执行之后的效果,那么这个参数就为true.否则动画效果就会停在stop执行的时候.来自:h…

JavaScript中function 之return false的理解(实例代码)

1.司空见惯代码,在某一dom节点上注册事件方法 $("#btnResponse").click(Login); $("#txtCode").keydown(ReturnKey); 2.非常正常的Login function,只是里面用了swal插件 代码执行效果就是我要的,点击btnResponse,当满足触发条件,弹出swal提示框,非常好. function Login(e) { var loginUserId = $("#txtUserno&quo…

JavaScript 阻止默认时间和冒泡时间

<!DOCTYPE HTML><html> <head> <title>event cancel</title> </head> <body> <a href="https://www.baidu.com/">baidu</a> <div style="width: 400px; height: 300px; background: red;" id=&…

Inverse是hibernate双向关系中的基本概念。inverse的真正作用就是指定由哪一方来维护之间的关联关系。当一方中指定了“inverse=false”（默认），那么那一方就有责任负责之间的关联关系，说白了就是hibernate如何生成Sql来维护关联的记录

<set name ='students' table="students_table" inverse='false'(默认不用写) > <key column="student_id"/> <many-to-many column="teacher_id" class="com.nedhome.person.Teachers"> </ set> <set name=&q…

jquery中 cache: true和false的区别

true:会读缓存,可能真的到服务器上. 假如上次访问了a.html,第二次的时候得到的是上次访问的a.html的结果,而不是重新到服务器获取. false:会在url后面加一个时间缀,让它跑到服务器获取结果.…

解决 MyEclipse 10 中 JSp页面 “return false” 报错问题

1.MyEclipse ->. Preferences 2.validation ->>找到JavaScript validator for Js files  builder 下面的打钩去掉.…

javascript -- 阻止默认事件 阻止事件冒泡

1. event.preventDefault();  -- 阻止元素的默认事件.注:a元素的点击跳转的默认事件 , button,radio等表单元素的默认事件 , div 元素没有默认事件 例: <a href="http://www.baidu.com" target="_black">百度</a> var samp = document.getElementByTagName("a"); samp.addEvent…

addevent兼容函数 && 阻止默认行为 && 阻止传播

function addEvent(a, b, c, d) { a.addEventListener ? a.addEventListener(b, c, d) : a.attachEvent("on" + b, c) } function removeEvent(a, b, c, d) { a.removeEventListener ? a.removeEventListener(b, c, d) : a.detachEvent("on" + b, c) } 第四…

vue.js 自带阻止默认事件 阻止冒泡

<!-- 阻止单击事件冒泡 --> <a v-on:click.stop="doThis"></a>   <!-- 提交事件不再重载页面 --> <form v-on:submit.prevent="onSubmit"></form>   <!-- 修饰符可以串联 --> <a v-on:click.stop.prevent="doThat">   &…

不使用return false阻止event默认行为

当我们点击一个a标签时,如果这个标签的href指向了另一个地址,那么浏览器会默认跳转到此地址.在页面中,有时我们需要触发点击事件,但是又不想触发默认行为,就需要阻止event的默认行为了. 常规做法 众所周知,IE早期版本的event对象与DOM标准中的event对象并不相同,所以一般的兼容性写法是这样的: if (event.preventDefault) { event.preventDefault(); //支持DOM标准的浏览器 } else { event.returnValue =…

关于js中return false、event.preventDefault()和event.stopPropagation()

在平时项目中,如果遇到需要阻止浏览器默认行为,大家经常会用return false;和event.preventDefault()来阻止,但对它俩的区别还是有些一知半解,于是看了文档,查了些资料,在此总结下它俩的区别,顺便带上event.stopPropagation()一起区分下. 一.原生js中: 关于return false和preventDefault: 在W3C Document Object Model Events Specification1.3版本中提到过: The Event…

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

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

jquery事件函数和原生事件绑定函数中return false的区别

一直听说jquery中事件函数返回false,相当于调用了event.preventDefault()和event.stopPropagation()两个方法,今天就想看看dom中0级.1级.2级事件绑定事件的话,事件函数返回false会是个什么情况,看看是不是和jquery一个样:<!doctype html><html>        <head>                <meta charset='utf-8' />             …

JS事件处理函数中return false到底是什么东西

在<JS DOM编程艺术>一书中,用return false来阻止事件默认行为,可是js高程3里没有这种用法,那这到底是什么呢. 先看一下知乎的一个解释 就此问题,首先要纠正两个观点: 1. 事件处理方法中 的 return false 并不是终止事件,而是阻止事件宿主的默认行为: 2. 不是在所有的事件处理方法中 return fasle 都能阻止事件宿主的默认行为: 事实上,仅仅是在HTML事件属性 和 DOM0级事件处理方法中 才能通过返回 return false 的形式组织事件宿主的…

jquery click事件中的return false

提交表单数据时设定了type="submit"属性,单击提交按钮后会默认刷新页面 但是在使用jquery的click事件时没出现跳转 $('button').click(function () { 2 $.ajax({ 3 ... 4 ... 5 }); 6 return false; }); 找了下原因似乎是函数中出现了 return false; 函数中有出现'return false'时,表示阻止与事件关联的默认动作并停止事件的传播. 相当于: $('button').click…

js中的 return false;

总的来说return false 的作用就是阻止事件的默认行为 1. function check() { if(form.title.value=="") { alert("请输入文章标题!"); return false; //注意不能写成 return(false); } if(form.content.value=="") { alert("文章正文不能为空@!!"); form.content.select(); r…

JavaScript 回调函数中的 return false 问题

今天一个同事问了我一个问题,就是在 Ajax 方法中,请求成功后(success)的回调函数中根据响应的值来判断程序是否继续执行,他不解的是在回调函数中已经 return false 了,但是 Ajax 方法外部的后续语句却仍然继续执行.他的代码类似于: $(function(){ $.ajax({ async:false, type:"post", data:{ "username":"dee" }, url:"ajax.php&qu…

jquery 阻止冒泡事件和阻止默认事件

jQuery 冒泡和默认事件: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="http://apps.bdimg.com/libs/jquery/1.7.2/jquery.js"></script>…

jQuery中的事件冒泡

1.什么是冒泡 eg: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>事件冒泡</title> <script src="…

return false 和 return true

常规用法 在普通函数中:return 语句终止函数的执行,并返回一个指定的值给函数调用者,一般会用一个变量接收这个返回值再进行其它处理.如果未指定返回值,则返回 undefined 其中,返回一个函数是一个很重要的使用方式,可参看闭包的使用 在Generator中:return 语句可在生成器中使用,表现和普通函数基本一致. 也可以通过gen.return(value)使用,不管生成器是否结束,调用该方法均会返回给定的value并结束生成器.如果未指定value也会返回undefined 值得注…

（八）jQuery中的事件

1.加载DOM在常规的JavaScript中,使用window.onload方法:而在jQuery中,使用$(document).ready(function(){ })方法.window.onload与$(document).ready()的不同:● 执行时间window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行.$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕.● 编写个数不同window.onload不能同时编写多个,如果有多个wi…

关于jQuery中的submit()函数

关于jQuery中的submit()函数(绑定event handler or 触发event?) 今天在敲代码的时候无意间碰到了一个比较绕的问题(一个小师弟问的问题),思前想后都不明白,上午百度.谷歌了半天,再加上读了下英文api才算明白开来.现在记下来,给大家做个提醒.废话不多说,代码如下: $('#myFormId').submit(function() { // submit the form $(this).ajaxSubmit(); // return false,这样可以阻止正常的…

event.stopPropagation()、event.preventDefault()与return false的区别

做小demo时经常用到return false来取消默认事件,但一直不是很懂它和preventDefault()等的区别,今天查了查文档和大神们的博客,在这里对相关知识点做一个总结 首先开门见山,总结一下这三者的区别: event.stopPropagation():阻止事件冒泡,对默认事件无影响 event.preventDefault():阻止默认事件,和事件冒泡无关 return false:原生js中,阻止默认事件,jQuery中既会阻止默认事件又会阻止事件冒泡 这样理解起来可能不是很清…

锋利的JQuery学习之JQuery中的事件

一.加载DOM 在页面加载完毕之后,浏览器会通过javascript为dom元素添加事件,在常规的javascript中使用window.onload方法,而在jQuery中使用的是$(document).ready();方法.此方法替代javascript中的window.onload()方法,可以极大地提高web应用程序的响应速度.通过该方法可以在dom就绪时就对其进行操作并调用为其绑定的事件. 区别: 1.执行时机 window.onload():网页中所有元素都加载到浏览器之后才能对其进…

e.preventDefault()和e.stopPropagation()以及return false的作用和区别

前段时间开发中,遇到一个父元素和子元素都有事件时,发现会出现事件冒泡现象,虽然知道ev.stopPropagation()和ev.preventDefault()其中一个是阻止事件冒泡和阻止默认行为,却不知ev.preventDefault()和ev.stopPropagation()以及return false之间的详细区别,于是闲了就学了一下. 在此之前,先复习一下事件机制.dom事件通常会有三种情况:捕获阶段:从外向里依次查找元素.目标阶段:从当前事件源本身的操作冒泡阶段:从内到外依次触发…