zoukankan      html  css  js  c++  java
  • js事件默认行为

    事件默认行为:

      当一个事件发生的时候浏览器自己默认做的事情

    怎么阻止?

    当前这个行为是什么事件触发的,然后在这个事件的处理函数中使用 return false; 

       但是return false 阻止的是obj.on事件名称=fn  所触发的默认行为

      addEventListner绑定的事件需要通过event下面的preventDefault();

        <script>
            document.onkeydowm=function () {
                return false;
            }
            document.oncontextmenu=function () {//右键菜单事件,当右键菜单(环境菜单)显示出来的时候触发
                return false;
            }
        </script>

    自定义右键菜单模拟:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>事件默认行为w</title>
        <style>
            #div1{
                width: 100px;
                height: 200px;
                border: 1px solid red;
                position: absolute;
                display: none;
            }
        </style>
    </head>
    <body>
        <script>
            window.onload=function () {
                var oDiv=document.getElementById('div1');
                document.oncontextmenu=function (ev) {//右键菜单事件,当右键菜单(环境菜单)显示出来的时候触发
                    var ev=ev||event;
                    oDiv.style.display='block';
                    oDiv.style.left=ev.clientX+'px';
                    oDiv.style.top=ev.clientY+'px';
                    return false;
                }
                document.onclick=function () {
                    oDiv.style.display='none';
                }
    
            }
        </script>
    
        <div id="div1"></div>
    
    </body>
    </html>
  • 相关阅读:
    冲刺1
    第九周
    课堂作业
    团队项目典型用户与用户场景分析
    第八周
    梦断代码阅读笔记03
    tab页的使用方法
    校园服务nabcd需求分析
    第七周
    mysql下载以及安装
  • 原文地址:https://www.cnblogs.com/yuxingyoucan/p/5711639.html
Copyright © 2011-2022 走看看