我想在html中使用addEvent代替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文件。我想在html中使用addEvent代替onkeyup

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

//我需要使用替代的onkeyup

來源

2013-11-22 Suneesh

只要做到這一點，男人。我們不介意。：p但那些隱含的全局變量必須去。犀牛不*很高興。 –

對於現代的瀏覽器兼容性的addEvent，你可以使用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>之前調用，或者通過調用此代碼來監聽一個事件處理程序，該事件處理程序監聽一個事件，告訴您該頁面已加載。

來源

2013-11-22 05:16:33 jfriend00

對不起，它不工作:( – Suneesh

@suneeshtr - 什麼是不工作？你沒有包括一個完整的代碼，你沒有說什麼不工作，所以沒有更多我們可以做，但告訴你正確的結構如果你正確地實現它，這個結構將工作得很好，如果你在實現過程中犯了錯誤（你沒有向我們展示過），那麼你的錯誤可能使它無法工作，你可以看到它在這裏工作： http://jsfiddle.net/jfriend00/6QMFV/ – jfriend00

我想在html中使用addEvent代替onkeyup

回答

相關問題