当前位置:首页 > JavaScript

JavaScript 为网页添加快捷键

canca19年前 (2007-08-15)JavaScript558

为网页添加快捷键即为网页添加onkeydown事件。

FireFox里获取键入键的ASCII码与IE获取是有些差别的。因为FF里没有Event对象。

但FF里事件触发方法中默认传送其事件对象。

即我们在JS里写该事件方法时,要多加一个参数。

例:

<script type="text/javascript">

              function hotkey(eventobj){

                       var _key;

                       var _event;

                       var nu = navigator.userAgent.toLowerCase();
                       var webtype = /msie/.test(nu) ? "msie" : /mozilla/.test(nu) ? "gecko" : "opera";

                       if(webtype=="msie" || webtype=="opera"){

                                   _key = window.event.keyCode;

                                   _event = window.event;

                       }else{

                                  _key = eventobj.which;

                                  _event = eventobj;

                       }

                       if((_key == 65)  && (_event.shiftKey)){

                                 alert("您点击了Shift + a 吧!!");

                       }

                      if((_key == 65)  && (_event.ctrlKey)){

                                 alert("您点击了ctrl + a 吧!!");

                       }

             }

             document.onkeydown = hotkey;

</script>

 

搞掂。三种浏览器都兼容啦!!其他浏览器没有装没有试。要NC兼容也不是一件难事吧!!^_^

扫描二维码推送至手机访问。

版权声明:本文由Ant.Master's Blog发布,如需转载请注明出处。

本文链接:https://iant.work/post/568.html

标签: JavaScript
分享给朋友:

“JavaScript 为网页添加快捷键” 的相关文章

《Dom Scripting》读书笔记

  《Dom Scripting》读书笔记 Canca         最近看了一本《Jeremy Keith: DOM Scripting, Web design with JavaScript and the DOM. Apr…

javascript 中面向对象編程 (类的继承)

// 人的基類var Person=new ( function(){  var sex;  var name;  this.getSex=function() &nbs…

javascrip 事件追加方法

基本方法:attachEvent(IE)/detachEvent;addEventListener( Mozilla, Netscape, Firefox)/removeEventListener在之前的邏輯判斷式的基礎上,在設計javascript的時候,可以針對瀏覽器的不同,寫出適合不同種類瀏覽…

Javascript 逻辑表达式

1>逻辑表达式    看例子:     var cc;      var  dd=new Object();      var false1="false…

常用javascirpt脚本

1.让文字不停地滚动 <MARQUEE>滚动文字</MARQUEE> 2.记录并显示网页的最后修改时间 <script language=javascript> document.write("最后更新时间: " + document.lastModified + "")…

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。