js 动态添加事件可以搜索到很多的相关文章,不过可以传参数的就没有几个了,下面有个不错的示例可以满足大家对传参的需求,感兴趣的各位不要错过
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
- var tt=function(obj)
- {
- return function()
- {
- alert(obj.tagName); //可以为外部定义的一个执行函数;
- }
- }
- function addfunction()
- {
- var bigobj=document.getElementById("mytable");
- var rows =bigobj.rows;
- for(var j=0; j<rows.length; j++)
- {
- for(var i=0;i<rows[j].cells.length;i++)
- {
- rows[j].cells[i].attachEvent("onmousemove",tt(rows[j].cells[i]));
- //rows[j].cells[i].onmousemove = function(){
- // tt();
- //}
- }
- }
- }
========== 兼容 FF 和 IE 的写法
- function addEvent (o,c,h){
- if(o.attachEvent){
- o.attachEvent('on'+c,h);
- }else{
- o.addEventListener(c,h,false);
- }
- return true;}
- var tt=function(obj)
- {
- return function(){textChange(obj);}
- }
- addEvent(input1,"change",tt(input1));
- function textChange(o)
- {
- //do something
- }
- 用Jquery的话,一句话搞定
- $("input[type='text']").change( function() {
- // 这里可以写些验证代码
- });
来源: