简单解析JavaScript的默认事件及如何阻止默认事件

上篇文章就提到，在JavaScript中提到事件冒泡两个必不可少也要提的就是事件捕获和默认事件，现在来聊一聊什么是默认事件，及如何阻止默认事件。

1.什么是默认事件

顾名思义，默认事件就是默认执行的事件，比如 a标签，点击a标签，页面会自动跳转。如图：

HTML代码：

    <form action=""><input type="submit" id="submit"><input type="image" src="../../CSS/0421/car.jpg" alt="" id="image"></form><a href="http://www.baidu.com" id="anchor">这是一个锚链接</a>

2.如何阻止默认事件

    // 默认事件   阻止默认事件var oSubmit=document.getElementById("submit");var oImg=document.getElementById("image");var oAnchor=document.getElementById("anchor");oSubmit.onclick=function(ev){var ev=ev||window.event;if(ev&&ev.preventDefault){//除ie外的浏览器ev.preventDefault();}else{return false;//ie浏览器}}oAnchor.onclick=function(ev){var ev=ev||window.event;if(ev&&ev.preventDefault){//除ie外的浏览器ev.preventDefault();}else{return false;//ie浏览器}}

视频讲解链接：
https://www.bilibili.com/video/BV1wZ4y1H7mM/

简单解析JavaScript的默认事件及如何阻止默认事件相关推荐

JavaScript事件冒泡、事件捕获和阻止默认事件
谈起JavaScript的事件,事件冒泡.事件捕获.阻止默认事件这三个话题,无论是面试还是在平时的工作中,都很难避免. 冒泡篇先来看一段实例: js: var $input = document. ...
js事件冒泡、阻止事件冒泡以及阻止默认行为
大家好,我是IT修真院武汉分院web第17期的学员吴三水,一枚正直纯洁善良的web程序员. 今天给大家分享一下,修真院官网js(职业)任务四,深度思考中的知识点--js事件冒泡.阻止事件冒泡以及阻止默 ...
jQuery 中的事件冒泡和阻止默认行为
jQuery 中的事件冒泡和阻止默认行为参考资料: <锋利的jQuery> 作者:单东林张晓菲魏然出版社: 人民邮电出版社 1.事件冒泡 [javascript] vi ...
Js阻止事件冒泡和阻止默认事件
js中阻止事件冒泡,阻止默认事件的方法,理解stopPropagation(),preventDefault(),return false的区别 1.event.stopPropagation()方法 ...
JS、Vue、React阻止事件冒泡及阻止默认事件
JS阻止事件冒泡及阻止默认事件解决方案: 1.event.preventDefault -- 阻止默认 Event 接口的 preventDefault()方法,告诉user agent:如果此事件没 ...
128-Vue中的事件修饰符-阻止冒泡事件
128-Vue中的事件修饰符 .stop 阻止事件冒泡(*) .prevent 阻止默认事件(*) .prevent.stop 阻止默认事件的同时阻止冒泡 .once 阻止事件重复触发(once与st ...
JS阻止默认行为和Vue阻止默认行为
目录 JS阻止默认行为: Vue阻止默认行为: 以下是JS阻止默认行为: <!DOCTYPE html> <html lang="en"> <head ...
带你学习JQuery：事件冒泡和阻止默认行为
首先说什么是冒泡呢,简单的意思就是,你本来想只触发一个时间,但是实际上却出发了N个事件. 举例来说,有一个元素,如Span,你绑定了一个Click函数,你又为Div绑定了一个Click函数,而这个Sp ...
jQuery之防止【冒泡事件】，阻止默认行为【return false】 event.stopPropagation event.preventDefault...
知识点: event.stopPropagation() 阻止冒泡 event.preventDefault() 阻止默认事件,比如button提交后跳转到链接页面两者都可以用 return ...

简单解析JavaScript的默认事件及如何阻止默认事件

简单解析JavaScript的默认事件及如何阻止默认事件

简单解析JavaScript的默认事件及如何阻止默认事件相关推荐

最新文章

热门文章