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

Question

<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

Answer 1

对于现代浏览器兼容性,您可以这样使用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>),或者将其放在您之前调用的函数中,</body>或者通过调用此代码来处理事件处理程序侦听一个告诉您页面已加载的事件.