js 去掉浏览器右击默认事件

1.整个页面所有的右击事件

document.oncontextmenu = function(){
  return false;
}

2.特定的区域

document.getElementById("test").oncontextmenu = function(e){
  return false;
}

3.去掉后可以给喜欢区块加特定的事件

js:

document.getElementById("test").onmousedown = function(e){
  if(e.button ==2){
    alert("你点了右键");
  }else if(e.button ==0){
    alert("你点了左键");
  }else if(e.button ==1){
    alert("你点了滚轮");
  }
}

jq:

$("#test").mousedown(function(e){
  //doing
});

4.通过jq  bind 绑定 和 触发

$(‘‘).bind("contextmenu",function (e){

   //doning

   return false;

});

$(‘‘).trigger(‘contextmenu‘);

时间: 2024-10-27 17:52:17

js 去掉浏览器右击默认事件的相关文章

js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器) 转

1.阻止浏览器的默认行为 function stopDefault(e) { //如果提供了事件对象,则这是一个非IE浏览器 if(e && e.preventDefault) { //阻止默认浏览器动作(W3C) e.preventDefault(); } else { //IE中阻止函数器默认动作的方式 window.event.returnValue = false; } return false; } 2.停止事件冒泡 function stopBubble(e) { //如果提供

js获取浏览器的keydown事件(附keycode码)

1 <script type="text/javascript" language=JavaScript charset="UTF-8"> 2 document.onkeydown=function(event){ 3 var e = event || window.event || arguments.callee.caller.arguments[0]; /*switch (e && e.keyCode){ case 8: do so

通过js禁用浏览器的回退事件

js代码: <script> history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState(null, null, document.URL); }); </script> 原文地址:https://www.cnblogs.com/YeHuan/p/11221927.html

JS如果阻止事件冒泡和浏览器默认事件

原地址:http://missra.com/article/web-57.html 嵌套的标签元素,如果父元素和子元素都绑定了一些事件,那么在点击最内层子元素时可能会触发父级元素的事件,下面介绍一下JavaScript阻止默认事件与JavaScript阻止事件冒泡示例. (1)阻止冒泡事件 注:嵌套元素一般都存在冒泡事件,会带来某些影响 最外层标签:outer,中间层标签:center,最内层标签:inner,并且在outer.center.inner都添加了alert弹框事件,在正常思维情况下

理解阻止浏览器默认事件和事件冒泡cancelBubble

一.阻止浏览器默认事件 1.先举个例子说什么是 浏览器的默认事件 : 比如有一个输入框,当我按下字母a,就会在输入框显示字母a.就是浏览器本该发生的事情.小孩子一出生就会汲取母乳一样的道理,这些都是先天,默认好的了. 2.看个demo,阻止浏览器默认的右键弹出菜单,而且弹出自己自定义的菜单.代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type=&

js中阻止冒泡与默认事件

在一些情况下,我们必须阻止冒泡,或者是要阻止浏览器的默认事件,方便操作,简单代码如下: 阻止冒泡: function stopBubble(ev) { if(ev&&ev.stopPropagation);//非IE下,DOM2 { e.stopPropagation(); } else { window.event.cancelBubble=true;//IE下 } } 阻止默认事件: function stopDefault(ev) { if(ev&&ev.preven

input type为checkbox或radio时的click默认事件

在input中,如果type为checkbox或radio时,浏览器会将该input渲染成为系统的单选或多选组件,如果这时,我们在这个input上绑定click事件,那就要小心谨慎使用e.preventDefault()这个方法(jQuery中整合了这个方法使得它能够兼容去掉浏览器中的默认事件).之所以要说谨慎使用,就是,如果你在这个事件的响应程序中判断该checkbox是否选中时,得到的结果和真正的选中状态会有所不同.下面先从一个简单的示例说明这个现象.(为了简单起见,我使用了jquery,他

javscript阻止和恢复默认事件、阻止和恢复event.preventDefault()

有时候我们需要阻止掉浏览器的默认事件,但后面某个时候又需要用到默认事件: 看下面代码,有一个连接 <a href="http://sina.cn/" class="test">新浪</a> 我们先来点击链接,阻止默认事件 不会跳转 $(".s").click(function() { event.preventDefault(); }); 我们再来恢复默认事件:  再次点链接,可以跳转了 $(".test&quo

js阻止浏览器、元素的默认事件与js阻止事件冒泡、阻止事件流

嵌套的div元素,如果父级和子元素都绑定了一些事件,那么在点击最内层子元素时可能会触发父级元素的事件,下面介绍一下js阻止默认事件与js阻止事件冒泡示例,大家参考使用吧 1. event.preventDefault();  -- 阻止元素的默认事件.注:a元素的点击跳转的默认事件 , button,radio等表单元素的默认事件 , div 元素没有默认事件 例: 复制代码代码如下: <a href="http://www.baidu.com" target="_bl