JavaScript中Web应用程序事件处理
来源:互联网 发布:学粤语软件 编辑:程序博客网 时间:2024/06/08 08:06
通过下面的代码来绑定事件处理代码,不仅可以为同一事件源的同一事件重复绑定事件处理代码,还可以在只做一次浏览器兼容性检测的情况下完成所有的事件处理绑定。代码如下所示:js/mylib.js
var addEvent = function(target, name, fn) { if(target.addEventListener) addEvent = function(target, name, fn) { target.addEventListener(name, fn, false); }; else if(target.attachEvent) addEvent = function(target, name, fn) { target.attachEvent('on' + name, fn); }; addEvent(target, name, fn);};
下面是测试代码:test.html
<!DOCTYPE html><html> <head> <title>Sample Page</title> <script type="text/javascript" src="js/mylib.js"></script> <script type="text/javascript"> addEvent(window, "load", init); function init() { addEvent(document.getElementById('ok'), "click", foo); addEvent(document.getElementById('ok'), 'click', bar); } function foo() { alert('foo'); } function bar() { alert('bar'); } </script> </head> <body> <button id="ok">OK</button> </body></html>
2 0
- JavaScript中Web应用程序事件处理
- JavaScript中事件处理
- javascript中一些简单事件的处理
- javascript中一些简单事件的处理
- 在JavaScript中声明事件处理
- JavaScript中处理事件之单击事件onClick
- Web应用程序中提交表单处理时GIF停止
- javascript 事件和事件处理
- JavaScript 事件与事件处理
- JavaScript中的事件处理
- JavaScript中的事件处理
- javascript事件处理
- javascript 事件处理
- JavaScript中的事件处理
- JavaScript中的事件处理
- JavaScript处理回车键事件
- javascript 中的事件处理
- javascript中的事件处理
- 《Cocos2d-x游戏开发之旅》读书笔记2:学习创建游戏项目
- ubunt14.04 jd-gui
- Jquery多选框互相内容交换
- DP 简单题 之 poj 1163
- android手机reboot流程分析
- JavaScript中Web应用程序事件处理
- 栈实现行编辑器
- 字符串循环右移
- hibernate 批量保存数据
- HDU1231 最大连续子序列(动态规划)
- Linux分区
- 一劳永逸的解决tomcat中文编码request请求
- jquery radio 取值 取消选中 赋值
- ecplise 连接mysql数据库