js阻止事件的默认行为发生的三种方式

a标签点击跳转鼠标右键弹出菜单滑动滚轮控制滚动条等这些都是事件的默认行为，某些时候我们不需要这些行为，就需要阻止这些默认行为
阻止事件默认行为
用on方式添加事件
直接在事件处理函数中return false
用addEventListener绑定事件
使用事件对象.preventDefault()
用attachEvent 绑定事件
使用事件对象.returnValue = false

//=====示例============以右击事件为例
//如果事件 用 on的方式添加  就使用return false 来阻止
document.oncontextmenu = function(){console.log('我点击右键了');return false;
}//如果事件  用 addEventListener绑定  就使用 事件对象.preventDefault来阻止
document.addEventListener('contextmenu',function(e){//打印内容console.log('我爱你塞北的雪');var ev = window.event || e;ev.preventDefault();//阻止事件默认行为
})//如果事件  用 attachEvent绑定  就使用  事件对象.returnValue = false;
document.attachEvent('oncontextmenu',function(e){console.log('我爱你亲爱的姑娘');var ev = window.event || e;ev.returnValue = false;//阻止事件的默认行为
})

js阻止事件的默认行为发生的三种方式相关推荐

jupyter notebook python3路径_详解修改Anaconda中的Jupyter Notebook默认工作路径的三种方式...
方式1. 打开Windows的cmd,在cmd中输入jupyter notebook --generate-config如下图: 可以看到路径为D:\Users--找到此路径修改jupyter_not ...
js学习-DOM之动态创建元素的三种方式、插入元素、onkeydown与onkeyup两个事件整理...
动态创建元素的三种方式: 第一种: Document.write(); <body> <input type="button" id="btn" ...
JS对url进行编码和解码（三种方式区别）
Javascript语言用于编码的函数,一共有三个,最古老的一个就是escape().虽然这个函数现在已经不提倡使用了,但是由于历史原因,很多地方还在使用它,所以有必要先从它讲起. escape 和 ...
linux url解码,js对url进行编码和解码（三种方式区别）
*** 只有 0-9[a-Z] $ - _ . + ! * ' ( ) , 以及某些保留字,才能不经过编码直接用于 URL. ***例如:搜索的中文关键字,复制网址之后再粘贴就会发现该URL已经被转码 ...
html禁止页面左右滑动,js阻止移动端默认事件以及只阻止横向滚动事件方法
js阻止移动端默认事件,是在相关的touch事件的时候利用event.preventDefault();来阻止默认滚动行为,但是如果要实现阻止横向滚动行为而不阻止竖向滚动行为就要写一个方法通过手指滑动 ...
html 点击事件阻止冒泡,js阻止事件冒泡的两种方法
本篇文章给大家分享的内容是关于js阻止事件冒泡的两种方法 ,有需要的朋友可以参考一下一.冒泡事件简介当我们点击一个控件的时候,如果包括这个控件的父控件也有click事件,则会继续执行. 方法一:e ...
[react] 在React中怎么阻止事件的默认行为？
[react] 在React中怎么阻止事件的默认行为? event.preventDefault();阻止浏览器默认行为, 例如标签不跳转 event.stopPropagation();阻止冒泡: ...
java的如何创建js_[Java教程]JS创建事件的三种方式（实例）
[Java教程]JS创建事件的三种方式(实例) 0 2016-05-11 14:00:16 1.普通的定义方式 οnclick="Sfont=prompt('请在文本框中输入红色','红色' ...
JS绑定事件三种方式
三种方式 1.在DOM中直接绑定 2.在JS代码中直接绑定 3.使用事件监听函数绑定事件一.在DOM中直接绑定也就是直接在html标签中通过 onXXX="" 来绑定.举个例子 ...

js阻止事件的默认行为发生的三种方式

js阻止事件的默认行为发生的三种方式相关推荐

最新文章

热门文章