当前位置:首页 > JavaScript > 正文内容

JavaScript 为网页添加快捷键

canca18年前 (2007-08-15)JavaScript523

为网页添加快捷键即为网页添加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 MailTo 邮件技巧

调用email的方法 //<a href="mailto:talantlee@126.com">Email</a>window.location.href="mailto:talantlee@126.com";myform.action="mailto:talant...

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

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

javascript IE与FireFox 一些兼容写法

1>获取控件用document.getElementById,不用document.all(FF等浏览器不支持)2><button> 会被firefox解释为提交form或者刷新页面,需要写标准<button type="button">3>使用childN...

javascript 弹出式窗体详解

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

javascript在IE和Firefox中的兼容考虑

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

发表评论

访客

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