每天都在进步

73ic平台基于云端开发,每周迭代更新,你用的每天都是新的

JS中的默认行为

发布时间:2017-11-22 浏览次数: 分享网址

1、什么是默认行为:说白了,就是浏览器自带的功能,比如网页右键自动弹出菜单。在输出框中敲击键盘,自动输出敲击的数值,这些都是默认行为

 

document.oncontextmenu=function  oncontextmenu作用是点击右键,呼叫右键菜单的时候

2、怎么阻止默认行为

    <script>

        document.oncontextmenu=function()

        {

           return false;

        }

   </script>.

给这个函数弄一个返回值 false就是拒绝默认行为

 

3、把默认行为拒绝掉,但是不拒绝自己设置的菜单

<!DOCTYPE html>

<html>

   <head>

     <meta charset="UTF-8">

     <title></title>

     <style>

        #div1{

           background: red;display:none;position:absolute;width:80px;

        }

     </style>

     <script>

           document.oncontextmenu=function(ev)//右键触发菜单

           { 

             var oEvent=ev||event;        

             var oDiv=document.getElementById('div1');

             oDiv.style.display='block';

             oDiv.style.left=oEvent.clientX+'px';

             oDiv.style.top=oEvent.clientY+'px';

             return false;

           }

           document.onclick=function()

           {

             var oDiv=document.getElementById('div1');

             oDiv.style.display='none'

           }    

   </script>

   </head>

   <body>

     <div id="div1">

        <ul>

           <li>aaaa</li>

           <li>aaaa</li>

           <li>aaaa</li>

           <li>aaaa</li>

        </ul>

     </div>

   </body>

</html>

 

4、只能输入数字的输入框例子

keydown 键盘按下  keyup键盘按下之后又松开

<!DOCTYPE html>

<html>

   <head>

     <meta charset="UTF-8">

     <title></title>

     <script>

        window.onload=function()

        {

           var oTxt=document.getElementById('text1');

           oTxt.onkeydown=function(ev)//键盘按键抬起时

           {

             var oEvent=ev||event;

                //alert(oEvent.keyCode)           

             if(oEvent.keyCode<48 || oEvent.keyCode>57)

             {

                return false;

             }

           };

        }

     </script>

   </head>

   <body>

     <input id="text1" type="text" />

   </body>

</html>

打印保存责任编辑:本站编辑 发表评论>>
上一篇文章: 下一篇文章: