我是 JS 新手 我有輸入和 textarea 我想重置 textarea 的值,如果輸入改變
<!doctype html>
<HTML lang="en">
<HEAD>
<META charset="utf-8">
<META name="viewport" content="width=device-width, initial-scale=1">
<TITLE>Hello, world!</TITLE>
</HEAD>
<BODY>
<INPUT type="text">
<TEXTAREA>AAAA</TEXTAREA>
</BODY>
</HTML>
uj5u.com熱心網友回復:
首先為什么你要輸入大寫,這是舊的 html,在 HTML5 中你應該用小寫寫標簽。
在輸入值更改時重置 textarea 內部文本,正如我從您的問題中了解到的那樣,您只需添加事件偵聽器
document.querySelector('input').addEventListener('change', function(){
document.querySelector('textarea').innerText = "";
});
例子
document.querySelector('input').addEventListener('input', function() {
document.querySelector('textarea').innerText = "";
});
<input type="text" />
<textarea>textarea</textarea>
uj5u.com熱心網友回復:
修改您的 HTML 代碼,如下所示:
<!doctype html>
<HTML lang="en">
<HEAD>
<META charset="utf-8">
<META name="viewport" content="width=device-width, initial-scale=1">
<TITLE>Hello, world!</TITLE>
</HEAD>
<BODY>
<INPUT type="text" id="inputField1" onInput="document.getElementById('textarea1').innerHTML = '';">
<TEXTAREA id="textarea1" >aaa</TEXTAREA>
</BODY>
</HTML>
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/420849.html
標籤:
