event.preventDefault()

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>event.preventDefault demo</title>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<a href="http://jquery.com">default click action is prevented</a>
<div id="log"></div>

<script>
$( "a" ).click(function( event ) {
event.preventDefault();
$( "<div>" )
.append( "default " + event.type + " prevented" )
.appendTo( "#log" );
});
</script>

</body>
</html>

  

event.preventDefault()

时间: 2024-12-13 03:09:23

event.preventDefault()的相关文章

jQuery事件--- event.preventDefault() 取消点击动作的默认导航行为

event.preventDefault() 描述: 如果调用这个方法,默认事件行为将不再触发. event.preventDefault()   //这个方法不接受任何参数. 例如,在执行这个方法后,如果点击一个链接(a标签),浏览器不会跳转到新的 URL 去了.我们可以用 event.isDefaultPrevented() 来确定这个方法是否(在那个事件对象上)被调用过了. 帮助文档:http://www.w3school.com.cn/jquery/jquery_ref_events.a

js事件之event.preventDefault()与(www.111cn.net)event.stopPropagation()用法区别

event.preventDefault()用法介绍 该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作).例如,如果 type 属性是 "submit",在事件传播的任意阶段可以调用任意的事件句柄,通过调用该方法,可以阻止提交表单.注意,如果 Event 对象的 cancelable 属性是 fasle,那么就没有默认动作,或者不能阻止默认动作.无论哪种情况,调用该方法都没有作用. 该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作

event.stopPropagation()与event.preventDefault()

<div id='div0'> <div id='div1'> <a href="#" id='div2'>2222</a> </div> </div> window.onload=function(){ var div0=document.getElementById('div0'); var div1=document.getElementById('div1'); var div2=document.getE

阻止默认事件event.preventDefault();

阻止浏览器默认事件.什么是默认事件,例如浏览器默认右键菜单.a标签默认连接跳转...,如何阻止呢? Firefox中,event必须作为参数传入.  IE中,event是window对象的属性. event.preventDefault();方法用于取消默认事件,但是不兼容IE,在IE下,要用event.returnValue=false;来处理. document.oncontextmenu=function (ev) { var oEvent=ev||event; if (oEvent.pr

关于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事件之event.preventDefault()与event.stopPropagation()用法区别

event.preventDefault()用法介绍 该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作).例如,如果 type 属性是 "submit",在事件传播的任意阶段可以调用任意的事件句柄,通过调用该方法,可以阻止提交表单.注意,如果 Event 对象的 cancelable 属性是 fasle,那么就没有默认动作,或者不能阻止默认动作.无论哪种情况,调用该方法都没有作用. 该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作

event.preventDefault() --- event.stopPropagation()

1.event.preventDefault()   阻止默认行为 <a href="http://www.baidu.com">链接</a> // 阻止默认行为 e.preventDefault(); $("a").click(function(){ event.preventDefault(); }) //阻止浏览器的默认行为 function stopDefault( e ) { //阻止默认浏览器动作(W3C) if ( e &

javscript阻止和恢复默认事件、阻止和恢复event.preventDefault()

有时候我们需要阻止掉浏览器的默认事件,但后面某个时候又需要用到默认事件: 看下面代码,有一个连接 <a href="http://sina.cn/" class="test">新浪</a> 我们先来点击链接,阻止默认事件 不会跳转 $(".s").click(function() { event.preventDefault(); }); 我们再来恢复默认事件:  再次点链接,可以跳转了 $(".test&quo

阻止事件冒泡,阻止默认事件,event.stopPropagation()和event.preventDefault(),return false的区别

今天来看看前端的冒泡和事件默认事件如何处理 1.event.stopPropagation()方法 这是阻止事件的冒泡方法,不让事件向documen上蔓延,但是默认事件任然会执行,当你掉用这个方法的时候,如果点击一个连接,这个连接仍然会被打开, 2.event.preventDefault()方法 这是阻止默认事件的方法,调用此方法是,连接不会被打开,但是会发生冒泡,冒泡会传递到上一层的父元素: 3.return false  : 这个方法比较暴力,他会同事阻止事件冒泡也会阻止默认事件:写上此代