$("input").live("mouseover",function(){$(this).addClass("csstwo");$(this).disabled=true;});
$("input").live("mouseout",function(){$(this).removeClass("csstwo");});
这是我用jQuery写的代码,目的是找到所有的input标签,然后当鼠标滑过input标签时加入CSS样式使input内容变色,鼠标滑出时恢复原状。
但是我现在想用JavaScript实现这两句,不知用document.getElementsByTagName("input");获得所有input标签后怎么绑定鼠标滑过、滑出事件处理函数,函数该如何写?

解决方案 »

  1.   

    var a  = document.getElementsByTagName("input");
    for(var i=0;i<a.length;i++){
      a[i].onmouseover = (function(obj){
         return function(){
             obj.className = "csstwo"; obj.disabled = true;
         }
      })(a[i]);
      a[i].onmouseout = (function(obj){
         return function(){
            obj.className = "";
         }
      })(a[i]);
    }