javascript中通用的绑定事件代码
来源：互联网 发布：日语 知乎 编辑：程序博客网 时间：2024/05/22 07:09
var EventUtil = {addHandler:function (obj,eventName,eventFunc) { if (obj.addEventListener) { obj.addEventListener (eventName,eventFunc,false); }else if (obj.attachEvent) { alert ("ie"); obj.attachEvent ("on"+eventName,eventFunc); }else { obj["on"+eventName] = eventFunc; } },removeHandler:function (obj,eventName,eventFunc) { if (obj.removeEventListener) { obj.removeEventListener (eventName,eventFunc,false); }else if (obj.detachEvent) { obj.detachEvent ("on"+eventName,eventFunc); }else { obj["on"+eventName] = eventFunc; } }};eg:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns:n ="http://www.w3.org/1999/xhtml"><head><title>js</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="this is my page"><meta http-equiv="content-type" content="text/html; charset=UTF-8"><script type = "text/javascript"'>/**绑定事件代码**/var EventUtil = {addHandler:function (obj,eventName,eventFunc) { if (obj.addEventListener) { obj.addEventListener (eventName,eventFunc,false); }else if (obj.attachEvent) { alert ("ie"); obj.attachEvent ("on"+eventName,eventFunc); }else { obj["on"+eventName] = eventFunc; } },removeHandler:function (obj,eventName,eventFunc) { if (obj.removeEventListener) { obj.removeEventListener (eventName,eventFunc,false); }else if (obj.detachEvent) { obj.detachEvent ("on"+eventName,eventFunc); }else { obj["on"+eventName] = eventFunc; } }};</script></head><body><form name = "form_1"><input type = "text" name = "username" size = "12"/></form><script type="text/javascript">var input_1= document.forms[0].elements[0];EventUtil.addHandler (input_1,"focus",function (event) {event = event||window.event;var target = event.srcElement || event.target;if (target.style.backgroundColor != "red") {target.style.backgroundColor = "yellow";}});EventUtil.addHandler (input_1,"blur",function (event) {event = event||window.event;var target = event.srcElement || event.target;if (/[^\d]/.test(target.value)) {target.style.backgroundColor = "red";}else {target.style.backgroundColor = "";}});EventUtil.addHandler (input_1,"change",function (event) {event = event||window.event;var target = event.srcElement || event.target;if (/[^\d]/.test(target.value)) {target.style.backgroundColor = "red";}else {target.style.backgroundColor = "";}});</script></body></html>
