我想在html中使用addEvent而不是onkeyup

时间:2013-11-22 05:06:09

标签: javascript html event-handling addeventlistener onkeyup

<td valign="top"><center>
<textarea id="ta_in" rows="7" cols="42" onkeyup="get_ml()"></textarea><br>
<textarea id="ta_out" rows=7" cols="42"></textarea></center>
</td>

// javascript文件。

function get_ml()
{
en  = "|" + document.getElementById("ta_in").value;
ml = "";
n = 0;
.....
.....
.....
document.getElementById("ta_out").value = ml;
}

//我需要使用addEvent而不是onkeyup

1 个答案:

答案 0 :(得分:5)

对于现代浏览器兼容性,您可以使用addEventListener,如下所示:

document.getElementById("ta_in").addEventListener("keyup", function(e) {
    var en  = "|" + document.getElementById("ta_in").value;
    var ml = "";
    var n = 0;
    .....
    .....
    .....
    document.getElementById("ta_out").value = ml;
});

工作演示:http://jsfiddle.net/jfriend00/6QMFV/

您只需在页面加载后运行此代码,方法是将代码放在页面末尾(就在</body>之前),或者将其放在您刚刚调用的函数中{ {1}}或者通过为事件处理程序调用此代码来侦听一个告诉您页面已加载的事件。