阻止默认事件

阻止默认事件的代码是什么样子的呢？

$("a").click(function(event){
  event.preventDefault();
});

类似于这种但是这个是jquery的写法 js的和这个一样最重要的是函数中加了一个event 然后 event.preventDefault(); 这行代码那么他们有什么用呢看上边代码中你就知道如果你的body中有一个a标签并且你的a标签是有链接的那么这个时候你就会发现无法跳转对就是无法跳转关键就在于这个组织默认事件（就是把你的默认的那个跳转地址的功能给取消了很对不起）

那么这个阻止默认事件到底有什么好处？

时间： 2024-08-07 10:21:43

阻止默认事件的相关文章

阻止默认事件发生的方法

在事件处理函数中,添加return false; 标准浏览器中用的是事件对象.preventDefault() IE低版本浏览器的写法:window.event.returnValue = false; 兼容各种浏览器的写法: if(evt.preventDefault) { evt.preventDefault(); //标准浏览器的阻止默认事件的写法 } else { evt.returnValue = false; //IE低版本浏览器的写法 } 3 超链接a,除了具有以上两种阻止默认事

阻止右键菜单（阻止默认事件）&&跟随鼠标移动（大图展示）&&自定义右键菜单

<!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-

阻止默认事件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

javascript事件之：事件冒泡，事件捕获，阻止默认事件

谈起JavaScript的事件,事件冒泡.事件捕获.阻止默认事件这三个话题,无论是面试还是在平时的工作中,都很难避免. 冒泡篇: 先来看一段实例: js: var $input = document.getElementsByTagName("input")[0]; var $div = document.getElementsByTagName("div")[0]; var $body = document.getElementsByTagName("

DOM2级事件对象、添加事件、阻止默认事件、阻止冒泡事件、获取事件对象目标的兼容处理

事件对象——兼容处理 1 /* 2 * 功能: 事件对象兼容 3 * 参数: 表示常规浏览器的事件对象e 4 */ 5 function getEvent(e) { 6 7 // 如果存在e存在,直接返回,否则返回window.event 8 return e || window.event; 9 } 获取事件所对应的目标——兼容处理 1 /* 2 3 * 功能: 获取事件所对应的目标 4 5 * 参数: 表示常规浏览器的事件对象e 6 7 */ 8 9 function getTargetBy

事件绑定和阻止默认事件

5月29,30日终于到了这一天.晚上有数据结构课,10点多的火车,我们就没有去上课,下午在宿舍里收拾东西,晚上8点左右从南校出发,9点半多到达火车站和老师学长学姐们会和. 第一次去北京,第一次买的卧铺,真的很兴奋.对这次北京之行满满的都是期待.卧铺,躺在上面很舒服,因为第一次,不知道还需要换票,就把票放在包里了,找了一会才找到,看来还是得把票随身带着.卧铺晚上熄灯,我看了一部电影,然后就睡着了,一觉睡到五点多.上午看了看模板,这次蓝桥杯决赛说实话没有怎么认真的准备,做的题也比较少.把一些小的知

阻止事件冒泡，阻止默认事件

阻止事件冒泡 html代码: <table> <tr> <td><span>冒泡事件测试</span></td> </tr></table> js代码: $('table').click(function(){ alert('table');});$('td').click(function(){ alert('td');});$('span').click(function(e){

阻止默认事件和阻止冒泡的应用场景

阻止默认事件,比如这个: <a href="https://www.baidu.com"> <div> <span>取消</span> </div> </a> 比如这样的一个需求点击取消按钮的时候会触发一些js动作,但是不能让这个div产生跳转行为,所以需要在点击取消的时候阻止冒泡,防止其跳转. 阻止冒泡,比如最简单的弹出层,当点击确认提交按钮的时候实际上点击事件是会往上冒泡,而一般我们取消遮罩的时候,都是通过

jq阻止默认事件

在jquery中,可以使用用stopPropagation阻止事件冒泡,例如: $("table").click(function(){ alert("table"); }); $("tr").click(function(){ alert("tr"); }); $("td").click(function(e){alert("td");e.stopPropagation(); });