在不同浏览器中触发 keydown 事件

发布于 2024-08-21 01:35:35 字数 1115 浏览 4 评论 0原文

我花了很长时间才得到这个任务的答案：在 IE、FireFox、Opera、Chrome 等不同浏览器下以编程方式兼容的触发 keydown 事件...

现在我找到了它，我想与程序员分享它，您可以使用它来触发任何类型的事件。

<html>
<body>
<script language="JavaScript">
function first() {
    var el=document.getElementById("button");
    fire(el,'keydown');
} 

function fire(el,evttype) {
   if (document.createEvent) {
     var evt = document.createEvent('HTMLEvents');
     evt.initEvent( evttype, false, false);
     el.dispatchEvent(evt);
   } else if (document.createEventObject) {
     el.fireEvent('on' + evttype);
   }
}
</script>

<div style="background: #cf2255; width:'100%';" align="center">
<font color="#ffffcc" size="12pt"><b>KeyDown event</b></font></div>
<p> &nbsp; </p>
<center>
<button onclick="alert('onclick event button 1'); first();">
 1 Generate Event</button>
<button id="button" onclick="alert('onclick event button 2');"
 onkeydown="alert('keydown event button 2!');">2 Direct Event</button>
</center>
</body>
</html>

有什么意见吗？

原文

I was looking long time to get answer to this task:
fire a keydown event programmatically compatible under different browsers like IE, FireFox, Opera, Chrome...

now I found it and i would like to share it with programmers, You may use it to fire event of any type.

<html>
<body>
<script language="JavaScript">
function first() {
    var el=document.getElementById("button");
    fire(el,'keydown');
} 

function fire(el,evttype) {
   if (document.createEvent) {
     var evt = document.createEvent('HTMLEvents');
     evt.initEvent( evttype, false, false);
     el.dispatchEvent(evt);
   } else if (document.createEventObject) {
     el.fireEvent('on' + evttype);
   }
}
</script>

<div style="background: #cf2255; width:'100%';" align="center">
<font color="#ffffcc" size="12pt"><b>KeyDown event</b></font></div>
<p>   </p>
<center>
<button onclick="alert('onclick event button 1'); first();">
 1 Generate Event</button>
<button id="button" onclick="alert('onclick event button 2');"
 onkeydown="alert('keydown event button 2!');">2 Direct Event</button>
</center>
</body>
</html>

Any comments?

分享到QQ

分享到微博