当前位置:首页 > JavaScript

JavaScript 为网页添加快捷键

canca19年前 (2007-08-15)JavaScript753

为网页添加快捷键即为网页添加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 为网页添加快捷键” 的相关文章

JavaScript 函数原型对象

    以下是一篇本人在Qzone里写下的文章,现在放到这里来,欠丑了。希望对一些初学者有一点点帮助。     今天给大家说说JavaScript中的类。类?没错。JavaScript中的函数原型对象就是OOP中人们熟悉的类。..…

javascript 弹出式窗体详解

1>window.prompt(text, value) 簡單的基與模態窗體的對話框,(返回你輸入)   var v=window.prompt("提示","請輸入你的名字")2>window.confirm(text,mess)  模態確認框(返回"是/否…

javascript 中面向对象编程 (类的构造)

javascript 中面向对象编程 (类的构造)

不論是用java,還是c#,又或是vb,構建一個對象都很簡單,都可以采用 classobj =new classobj()的方法構造一個類,然后使用其中的屬性以及方法,其實javascript也是一樣可以實現的。    示例:建立一個js文件,定義一個...…

javascrip 事件追加方法

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

Javascript 逻辑表达式

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

javascript在IE和Firefox中的兼容考虑

1.document.formName.item("itemName") 问题说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"];Firefox下,只能使用docum…

发表评论

访客

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