现在的位置: 首页 > 综合 > 正文

IE和FireFox下通用的Javascript模拟点击事件

2013年08月17日 ⁄ 综合 ⁄ 共 1115字 ⁄ 字号 评论关闭

最近做东西发现用户在网页输入框里面按回车的行为是不固定的。。。
特别是在网页有多个表单的时候
于是搜了一把找了一个模拟点击的js,经测试能在firefox和ie上运行
function doClick(linkId, e){   
                if(e.keyCode != 13){
                    return;
                }
                var fireOnThis = document.getElementById(linkId)
                  if (document.createEvent)
                  {
                    var evObj = document.createEvent('MouseEvents')
                    evObj.initEvent( 'click', true, false )
                    fireOnThis.dispatchEvent(evObj)
                  }
                  else if (document.createEventObject)
                  {
                       fireOnThis.fireEvent('onclick')
                  }
}

其中e是event,内置对象,linkId是模拟被点击的对象id
比如<INPUT id="test" onkeypress="doClick("buttonId", event)">
这样的话就能让用户按回车来提交表单了~


 opera可以再改一下  
  <img   id="a"   src="/a.jpg"   onclick="alert('a');"/><div   onclick="clickObj('a')">click   me</div>  
  <script   language="javascript">  
  <!--  
  function   clickObj(o){  
  var   o   =   document.getElementById(o);  
  if(   document.all   &&   typeof(   document.all   )   ==   "object"   )   //IE  
  {  
  o.fireEvent("onclick");  
  }  
  else  
  {  
  var   e   =   document.createEvent('MouseEvent');  
  e.initEvent('click',false,false);  
  o.dispatchEvent(e);  
  }  
  }  
  //-->  
  </script> 

抱歉!评论已关闭.