JS浏览器的默认行为及阻止行为

一、浏览器的默认行为以及阻止行为
  (一)右键菜单事件:oncontextmenu;
    阻止:return false;
  (二)超链接的默认行为:跳转;
    阻止:标准浏览器:event.preventDefault();
       IE8及以下:event.returnValue = false;
       兼容:event.preventDefault ? event.preventDefault() :event.returnValue = false;
  (三)浏览器的拖拽事件:ondragstart;
    阻止:return false;
二、事件监听器
  (一)如果绑定同一个事件,触发多个事件处理程序时,使用监听事件
  (二)添加监听事件
    function addEvent(obj,event,fn,false){
      if(obj.addEventListener){
        obj.addEventListener(event,fn,false);
      }else if(obj.attachEvent){
        obj.attachEvent("on" + event,fn);
      }
    }
  (三)移除监听事件
    function removeEvent(obj,event,fn,false){
      if(obj.removeEventListener){
        obj.removeEventListener(event,fn,false);
      }else if(obj.detachEvent){
        obj.detachEvent("on" + event,fn)
      }
    }
三、事件捕获
  (一)事件流
  (二)事件捕获
  (三)事件冒泡
四、事件委托
  (一)将加到子节点上的事件加到其父节点上,作用是为了提高性能,原理是利用了事件冒泡
  (二)事件源的获取
    var target = event.target || event.srcElement;
五、JSON
  (一)[],如果是字符串,加双引号
  (二){"key" :"value"}
Why do you work so hard? Because the things I want to buy are expensive and the places I want to go are far away. The person I like is very excellent.
示例代码
<script>    
        function myFunction() {
            // 执行我们自已要的操作
            alert("你在 div 元素总点击鼠标了右键。");
        }
        window.document.oncontextmenu = function(){  // 阻止默认菜单弹出
            return false;
        } 
</script>

 

posted @ 2025-05-23 15:19  恋上微笑的天使  阅读(42)  评论(0)    收藏  举报