阻止浏览器默认行为事件

欢迎访问我的博客地址 : 博客地址
有时候我们在页面中需要阻止浏览器的默认行为事件,在W3C的方法是e.preventDefault()，IE则是使用e.returnValue = false,preventDefault是事件对象Event的一个方法，作用是取消一个目标元素的默认行为。如果元素没有默认行为,则调用无效,JS的return false只会阻止浏览器的默认行为。下面是一些简单的示例:

     //屏蔽F1---F12document.onkeydown = function (e) {var evt = window.event || e;var code = evt.keyCode || evt.which;if (code > 111 && code < 124) {if (evt.preventDefault) {evt.preventDefault();} else {evt.keyCode = 0;evt.returnValue = false;}}};//禁止鼠标右键菜单document.oncontextmenu = function (e) {return false;};//阻止后退的所有动作，包括 键盘、鼠标手势等产生的后退动作。history.pushState(null, null, window.location.href);window.addEventListener("popstate", function() {history.pushState(null, null, window.location.href);});

//阻止移动端 长按选择文字的默认事件
* {   -webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
}//阻止移动端长按图片，默认保存图片事件
-webkit-touch-callout: none;（IOS）

阻止浏览器默认行为事件相关推荐

html js 禁用浏览器上下滑动,纯JS阻止浏览器默认滚动事件，实现自定义滚动方法...
首先该方法兼容IE7+以上浏览器,可以实现页面上下滚动,而且也可以实现页面左右滚动,每次滚动的距离为屏幕的大小,滚动为加速滚动 javaScript代码如下: //滚动实现方法,使用鼠标滚轮每次滚动浏 ...
js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME) 转载...
js添加事件.移除事件.阻止冒泡.阻止浏览器默认行为等写法(兼容IE/FF/CHROME) 网上有关这方面的代码比较多而乱,这里整理一下并加以改进. 添加事件 01 var addEvent = ...
vue阻止浏览器默认事件
项目中遇到长按.鼠标右键等操作时,会出发浏览器的默认事件,这时候我们要阻止浏览器默认事件,在vue中阻止默认事件,可以使用 @contextmenu.prevent=""实现
js阻止浏览器默认事件
1.阻止浏览器的默认行为 function stopDefault(e) { //如果提供了事件对象,则这是一个非IE浏览器 if(e && e.preventDefault) { / ...
JavaScript停止冒泡和阻止浏览器默认行为
原文链接:http://caibaojian.com/javascript-stoppropagation-preventdefault.html 事件兼容 function myfn(e){ var ...
vue移动端长按文字、图片阻止浏览器默认行为
首先说一下我们项目的需求,需要在浏览器中做一个像某X那种长按消息可以撤回的功能.先展示一下最终的效果图. OK, now let's look at the code,Warning:全是干货! &l ...
js /jquery停止事件冒泡和阻止浏览器默认事件
var el = window.document.getElementById("a");el.onclick = function (e) {//如果提供了事件对象,则这是一个非 ...
js 禁止浏览器默认滑动事件，并且还原
// div 为你要滑动的父元素//禁止$(".div").on("touchmove",function (event) {event.preventDefa ...

阻止浏览器默认行为事件

阻止浏览器默认行为事件相关推荐

最新文章

热门文章