取消事件的默认动作

•(window.event.returnValue)returnValue属性,如果将returnValue设置为false,就会取消默认事件的处理。在超链接的onclick里面禁止访问href的页面。

在表单校验的时候禁止提交表单到服务器,防止错误数据提交给服务器、防止页面刷新。(onsubmit="window.event.returnValue=false;")

•window.event.returnValue不兼容火狐浏览器

•FireFox:e. preventDefault();取消事件的默认动作。

直接写return false;IE、FF、Chrome都可以

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script type="text/javascript">
//页面加载的时候
onload = function () {
//给单机a标签增加一个点击事件
document.getElementById(‘a1‘).onclick = function (evt) {
//当单机的时候有alt的时候
if (arguments[0].altKey) {
//弹出当前事件
alert(new Date().toLocaleTimeString());

//IE中取消默认事件的方法,好像现在也不行了
//window.event.returnValue = false;

//火狐中取消默认事件的方法。
arguments[0].preventDefault();

//支持火狐和IE。据说 推荐使用的方法
//return false;
};
};
};
</script>
</head>
<body>
<a href="http://www.baidu.com" id="a1" target="_blank">跳到百度去,加alt可以显示时间</a>
</body>
</html>

时间: 2024-10-17 07:08:52

取消事件的默认动作的相关文章

取消浏览器事件的默认行为

event.preventDefault()方法是用于取消事件的默认行为,但此方法并不被ie支持, 在ie下需要用window.event.returnValue = false; 来实现. function stopDefault( e ) { // 非IE if ( e && e.preventDefault ){ e.preventDefault(); } else {  // ie window.event.returnValue = false; } }

取消图片的默认事件

//取消图片的默认行为 $(function(){ var $img = $("img"); var moving = function(event){ //something } var img = document.getElementsByTagName('img'); //IE下需要在document的mousemove里面取消默认事件;要用原生JS的事件不能用JQuery for (var i = 0; i < img.length; i++) { img[i].onm

js onclick=&quot;return test()&quot;事件返回值,对有些事件,会影响默认动作的执行。如:onclick和onsubmit

onclick="return test()"事件返回值,对有些事件,会影响默认动作的执行.如:onclick和onsubmit <body> <!--事件返回值,对有些事件,会影响默认动作的执行.如:onclick和onsubmit--> <!--多用于表单提交--> <a href="http://www.baidu.com" onclick="return test()">baidu</

五,事件对象、阻止浏览器默认动作、阻止事件冒泡

在jquery里边: $().bind(‘click’,function(evt){ evt.preventDefault(); evt.stopPropagation(); }); preventDefault()方法是jquery的方法,名字与js底层代码的名字一致而已. 并且其有做浏览器兼容处理(阻止浏览器默认行为) stopPropagation()方法是jquery的方法,名字与js底层代码的名字一致. 其有做浏览器兼容处理(阻止事件冒泡) 解析: $().bind(‘click’,f

取消事件默认行为(移动端)

在编写功能时,遇到一个很有意思的事情,后来经过思索就解决了这个问题. 这个功能的需求是点击一个按钮,弹出对话框,其他部分笼罩一层灰色,点击灰色后弹出框消失,如果只是这样就比较好实现,但还有其他需求,那就是这个按钮所在的这个整体内容,点击它之后会进入另一个页面,所以我的思路是使用事件冒泡,判断是点击了按钮还是内容的其他部分来决定是弹出对话框还是进入另一个页面,在点击弹出框以外的笼罩层,弹出框和笼罩层就消失,到这一步为止,都实现得很顺利,但在测试时有意思的事情就出现了,在点击灰色笼罩层时,点击部分对

jquery取消事件冒泡的三种方法(推荐)

1.通过返回false来取消默认的行为并阻止事件起泡. jQuery 代码: ? 1 2 3 4 5 6 7 8 9 10 11 $("form").bind( "submit", function() { return false; } ); 2.通过使用 preventDefault() 方法只取消默认的行为. jQuery 代码: ? 1 2 3 4 5 6 7 8 9 $("form").bind( "submit",

JS阻止冒泡事件以及默认事件发生的简单方法

如果<p>是在<div>里面,那么呢,<P>有一个onclick事件,<div>也有onclick事件,为了触发<P>的点击事件时,不触发父元素的点击事件,那么就需要调用如下函数: 代码如下: function stopBubble(e){ if(e&&e.stopPropagation){//非IE e.stopPropagation(); } else{//IE window.event.cancelBubble=true;

取消事件冒泡

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content=&q

C#WinForm datagridview控件一选选一整行的效果实现时,取消第一行默认被选取的副效果

1 UI 2 code 1 using System; 2 using System.Collections.Generic; 3 using System.ComponentModel; 4 using System.Data; 5 using System.Drawing; 6 using System.Linq; 7 using System.Text; 8 using System.Threading.Tasks; 9 using System.Windows.Forms; 10 usi