js event 2
2016-01-28 14:32
621 查看
js event 2 浏览器兼容
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>事件编程</title> // js event 键盘方向键 function $(id){ return document.getElementById(id); } window.onload = function() { $('content').onkeydown = function(event) { if(window.event) { //ie var code = window.event.keyCode; } else { //w3c var code = event.keyCode; } switch(code) { case 37: alert('向左'); break; case 38: alert('向上'); break; case 39: alert('向右'); break; case 40: alert('向下'); break; } } } </script> </head> <body> <input id='content' type='text' name='text'> </body> </html>
相关文章推荐
- 探讨JavaScript语句的执行过程
- [JavaScript] 3.JS 语句
- JavaScript性能优化小知识总结
- javascript输出AscII码扩展集中的字符
- javascript十六进制数字和ASCII字符之间转换
- javascript ASCII和Hex互转
- Javascript复制实例详解
- js让下拉框和文本框联动
- JSONP
- 正则表达式 总结
- 【JSP】--重定向,转发--186 drp
- javascript高级程序设计第二章
- JavaScript 与 图片
- js 字符串转换成数字的三种方法
- Javascript面向对象编程(三):非构造函数的继承
- ConvnetJS源代码分析第二篇(补充)
- javascript高级程序设计第一章
- Javascript面向对象编程(二):构造函数的继承
- htmlunit 执行 javascript 时,不下载整个页面只返回url
- Javascript面向对象编程(一):封装