专栏首页java大数据javascript当中 document onkeydown的用法

javascript当中 document onkeydown的用法

例 2.2(documentKeypressIEFF.html) 马克-to-win:当系统看见这句话:document.onkeydown = handleKeypress; 以后,当你按keydown时,系统自然就调用: handleKeypress(event)。而且传进来event参数。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> </HEAD> <script> function handleKeypress(event) { /*火狐用event所以window.event为undefined,ie正相反,所以event || window.event可以兼容*/ alert("event is "+event +"window.event is "+window.event); alert(111||undefined);//任何数和undefined做||,为原值。 var event = event || window.event; if (window.navigator.userAgent.indexOf("MSIE") >= 1) { var key = event.keyCode; alert("Key: " + String.fromCharCode(key) + "\nCharacter code: " + key + "."); } else if ( window.navigator.userAgent.indexOf("Firefox") >= 1) { var key = event.which;//event.which获取按下的键盘按键Unicode值: /*fromCharCode() 可接受一个或n个指定的 Unicode 值,然后返回一个或多个字符*/ alert("Key: " + String.fromCharCode(key) + "\nCharacter code: " + key + "."); } } document.onkeydown = handleKeypress; </script> </HTML>

更多请见:https://blog.csdn.net/qq_43650923/article/details/100513755

原文链接:https://blog.csdn.net/qq_43650923/article/details/100513755

我来说两句

0 条评论
登录 后参与评论

相关文章

  • javascript当中冒泡(event bubble)用法

    9.冒泡(event bubble) 缺省情况下,当几个元素重合,事件从最上层元素开始往下层元素传播。 例 9.1(bubbleIEFF.html) <head...

    马克java社区
  • javascript当中抑制原始功能用法

    7.抑制原始功能 例 7.1(PreventDefaulIEFF.html) <head> <meta http-equiv="content-ty...

    马克java社区
  • event兼容,clientX,pageX,offsetX和screenX的区别,图片移动

    3.event兼容,clientX,pageX,offsetX和screenX的区别,图片移动。 例 3.1:event兼容,clientX,offsetX和s...

    马克java社区
  • Event(事件)的传播与冒泡

    特性说明和原理图: 标准浏览器和Ie9+浏览器都支持事件的冒泡和捕获,而IE8-浏览器只支持冒泡 标准和Ie9+浏览器用stopPropagation()或c...

    sam dragon
  • 向zepto.js学习如何手动(trigger)触发DOM事件

    本文作者:IMWeb 谦龙 原文出处:IMWeb社区 未经同意,禁止转载 前言 前端在最近几年实在火爆异常,vue、react、angular各路框...

    IMWeb前端团队
  • 阻止冒泡和阻止默认事件的兼容写法

    //阻止冒泡的兼容性写法 function stopBubble(event){ var e=arguments.callee.caller.argum...

    李文杨
  • ASP.NET Core Blazor Webassembly 之 渐进式应用(PWA)

    Blazor支持渐进式应用开发也就是PWA。使用PWA模式可以使得web应用有原生应用般的体验。

    kklldog
  • 向zepto.js学习如何手动(trigger)触发DOM事件

    最近一直在看zepto的源码,希望通过学习它掌握一些框架设计的技巧,也将很久不再拾起的js基础重新温习巩固一遍。如果你对这个系列感兴趣,欢迎点击下方地址watc...

    IMWeb前端团队
  • React基础语法06-事件对象的应用

    老规矩,先看完官方文档,记录学习笔记: 教程:https://www.runoob.com/react/react-tutorial.html 文档:htt...

    祈澈菇凉
  • JS 外观模式

    外观模式(Facade)为子系统中的一组接口提供了一个一致的界面,此模块定义了一个高层接口,这个接口值得这一子系统更加容易使用。 外观模式在JS中常常用于解决浏...

    前端下午茶

扫码关注云+社区

领取腾讯云代金券