js视频学习笔记2

最新推荐文章于 2024-08-28 23:59:14 发布

css_Yang

最新推荐文章于 2024-08-28 23:59:14 发布

阅读量221

点赞数

分类专栏：智能社js视频学习笔记文章标签： javasspan idtransmar 事span idtransmark st

本文链接：https://blog.csdn.net/css_Yang/article/details/77456520

版权

智能社js视频学习笔记专栏收录该内容

4 篇文章 0 订阅

订阅专栏

右键菜单事件 oncontextmenu

功能：屏蔽系统自带右键菜单(return false)；并新建自定义的菜单

code：

<script>
       document.οncοntextmenu=function (ev)
       {
           var oDiv=document.getElementById('div1');
           var oEvent=ev||event;

           oDiv.style.display='block';
           oDiv.style.left=oEvent.clientX+'px';
           oDiv.style.top=oEvent.clientY+'px';

           return false;
       }
       document.οnclick=function ()
       {
           var oDiv=document.getElementById('div1');
           oDiv.style.display='none';
       }

   </script>

--------------------------------------------------------------------

<div id="div1">
       <ul>
           <li>早上好</li>
           <li>下午好</li>
           <li>晚上好</li>
           <li>明天好</li>
           <li>再见，今天</li>
       </ul>
   </div>

onkeydown应用

功能：只能输入数字的文本框

code:

<script>
   window.οnlοad=function ()
   {
       var oTxt=document.getElementById('txt1');

       oTxt.οnkeydοwn=function (ev)
       {
           var oEvent=ev||event;
           if(oEvent.keyCode!=8&&(oEvent.keyCode<48||oEvent.keyCode>57))
           {
               return false;
           }
       };
   };
   </script>
------------------------------------------------------------------------
<body>
   <input type="text" id="txt1">
</body>

在拼音输入法时，有bug-_- 弄了好久，才明白

疑问： w3chool 网有：

if(window.event)// IE8 以及更早版本
   {
   x=event.keyCode;
   }
else if(event.which) // IE9/Firefox/Chrome/Opera/Safari
   {
   x=event.which;
   }

而自测时并没发现keyCode在 IE9/Firefox/Chrome 有问题，是不是浏览器版本的问题？？可是在ie9 也正常啊？？