javascript - 我想在 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> 之前调用的函数中。或者通过为事件处理程序调用此代码来监听告诉您页面已加载的事件。