默认事件和阻止默认事件

最新推荐文章于 2024-07-31 16:33:32 发布
最新推荐文章于 2024-07-31 16:33:32 发布
阅读量8.6k 收藏 5
点赞数 4
文章标签： 1024程序员节 javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/TDXJY2260/article/details/121463067
版权

默认事件
　　就是浏览器通过HTML标签或DOM元素提供的一些功能性的默认行为。比如在a标签href属性上的跳转，右键呼出的菜单等等。我们可以通过js取消或更改这些默认事件。

取消默认事件
　　默认事件都是定义在DOM元素相应的事件类型上的，我们只需要知道产生默认事件的是哪个元素，这个事件是什么类型的，就可以阻止或修改它。实现方式就是注册相应的事件处理函数，在其中通过如下API阻止默认事件的发生。

event.preventDefault() ： 阻止默认行为 

（IE9以下的版本需要考虑到兼容性）event.returnValue=false：返回值=false  阻止默认行为

下面列举一下有哪些事件属于默认事件

a标签的默认跳转

鼠标右键菜单事件

submit表单提交事件

以及滚动条的滚动事件

但是滚动条的

提灯戏江鱼
关注
  • 4
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JQuery阻止（默认）事件冒泡
IT界泥石流
06-15 9672
1.事件冒泡     事件冒泡就是，你在执行元素点击事件的时候同时也会触发到此元素的其前辈元素的点击事件，从而可能造成一定程度上的程序混乱现象，为了避免这种情况的出现，现在我们可以使用阻止事件冒泡。   阻止事件冒泡：even.stopPropagation();//不触发除本身之外的其他任何控件的事件          【案例】   定义两个div，第一个div里嵌套一个span标签，没以个di...
React 阻止默认事件和阻止冒泡
Fluoxet_i_ne的博客
07-16 922
给 a 标签添加一个事件 阻止默认事件 e.preventDefault(); class view extends Component { onAtag(e) { // 阻止默认事件 放置跳转 e.preventDefault(); console.log("烦烦烦滚滚"); } render() { return ( <div> <a href='true' onClick={(e) => { this.on.
取消冒泡和阻止默认事件
Hhjian524的博客
10-29 1054
取消冒泡： W3C标准 event.stopPropagation();但不支持ie9以下版本 IE独有 event.cancelBubble = true; 封装阻止默认事件的函数 cancelHandler(event); function stopBubble(event){ if(event.stopPropagation){ event.stopPropagati...
【JavaScript】阻止事件冒泡和默认行为
小秀的博客
05-12 816
在JavaScript中，事件默认行为是指在特定的事件发生时浏览器自动执行的操作。form 元素 的 action 属性值表单内容要提交的地址，而用户点击表单元素中嵌套的提交按钮时，就会有一个默认的提交操作。需要注意的是，不同的事件有不同的默认行为，因此阻止默认行为的方法可能会有所不同。方法用于阻止事件的进一步传播，而不是直接阻止事件的默认行为。也是 event的一个属性，表示默认行为是否被阻止，true 表示被阻止。方法用于阻止事件传播，而不是直接阻止事件的默认行为。可以阻止默认行为的执行。
如何阻止事件冒泡和默认（行为）事件？
binlety
08-04 7554
1.event.stopPropagation()方法 这是阻止事件的冒泡方法，不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一个连接，这个连接仍然会被打开， 2.event.preventDefault()方法 这是阻止默认事件的方法，调用此方法是，连接不会被打开，但是会发生冒泡，冒泡会传递到上一层的父元素； 3.return false  ； 这个方...
什么叫阻止默认事件
简单是书的博客
11-24 2421
a标签点击一下默认会跳转到指定的页面，如果给他一个return false就可以阻止它的跳转。 阻止默认事件 百度一下 阻止默认事件 1.通过on这种方式的绑定的，使用return false; 2.addEventList
javascript的阻止默认事件和阻止冒泡事件
mozuncangtianbaxue的博客
08-08 9016
转载自：http://www.cnblogs.com/ishenghuo/p/4266850.html javascript的阻止默认事件和阻止冒泡事件 这两个方面的知识，在妙味课堂中有听过，再次复习一下： 原文来自：【http://www.cnblogs.com/Essence/p/4266618.html】 事件冒泡与默认行为   在说事件冒泡之前，
JavaScript阻止默认事件
weixin_47306019的博客
11-16 4049
阻止默认事件： 标准浏览器：事件对象.preventDefault(); 低版本IE浏览器：事件对象.returnValue= false;常见默认事件： 若a标签在html中href写有URL默认的跳转地址 则在js中添加a的点击事件，并用event.preventDefault();阻止默认事件发生 实际项目中 a标签在html中写 让a标签执行js程序， 然后在js中用
阻止鼠标的默认事件
热心市民小胖纸的博客
04-25 1752
鼠标的默认事件 1.鼠标的左键的默认事件，是按下以后拖拽图片或选中 2.鼠标的右键的默认事件，是弹出浏览器的属性菜单 如何阻止鼠标的默认事件 1.阻止鼠标的左键的默认事件，（这里就是基本大多说说到的鼠标的默认事件）：ev.preventDefault();加上这个方法就可以了，这个方法只能阻止左键移动的拖拽事件，并不能阻止右键事件 2.阻止鼠标的右键的默认事件： $(document)...
阻止默认事件与阻止事件冒泡
SunsetGirl的博客
05-25 969
事件捕获 事件由父级向子级传递 通用样式： <style> .d1{ width: 300px; height: 300px; background-color:tomato; overflow: hidden; } .d2{ width: 200px; height: 200p
vue 遮罩层阻止默认滚动事件操作
10-15
Vue提供了优雅的方式来处理这种情况，主要是通过事件修饰符来阻止默认的滚动行为。 首先，我们可以利用Vue的事件修饰符`.prevent`来阻止触摸移动事件（`touchmove`）的默认行为。当在遮罩层元素上添加`@touchmove....
JS传播事件、取消事件默认行为、阻止事件传播详解
10-19
最后，**取消事件的默认行为和阻止事件传播**是控制事件执行的关键。在支持`addEventListener()`的现代浏览器中，可以通过`event.preventDefault()`方法来取消事件的默认操作，而在早期的IE浏览器（IE9之前）中，...
浅谈jQuery 中的事件冒泡和阻止默认行为
11-22
本文主要探讨了jQuery中的两个关键概念：事件冒泡和阻止默认行为。 首先，我们来看事件冒泡。事件冒泡是指事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上转播至最不具体的节点（文档...
js阻止冒泡和默认事件（默认行为）详解
10-21
主要为大家详细介绍了js阻止冒泡和默认事件，即默认行为,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
JavaScript青少年简明教程：函数及其相关知识（下）
cnds123的专栏
07-26 667
JavaScript青少年简明教程：函数及其相关知识（下）
【分享】前端程序员-技术网站推荐
一位前行者的博客
07-30 508
对于前端开发人员来说，以下是一些推荐的技术网站，这些网站提供了丰富的资源和知识，可以帮助你提升前端开发技能：收集一些 、、 的网站 vite 官方中文文档 element-plus 官方中文文档 pinia 官方中文文档 vue-router 官方中文文档 Tailwind CSS 官方文档 vitest 官方中文文档 es6 中文文档 axios 官方中文文档 vxetable 官方中文文档 lodash 中文文档 echarts 官方中文文档 animat
VUE3自定义指令防止重复点击多次提交
MadSnail00的博客
07-30 234
vue3连续点击按钮重复提交，vue3自定义指令防止重复提交
RN高级interview
最新发布
流星雨的博客
07-31 303
RN高级interview
JS中阻止默认事件
06-01
在JS中，可以使用event.preventDefault()方法来阻止默认事件的发生。例如，如果要阻止一个链接的默认跳转行为，可以在点击链接时调用该方法： ``` ()">阻止跳转 ``` 这样点击链接时就不会跳转到指定的页面了。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值