Javascript

事件響應，讓網頁交互——文本框内容改變事件（onchange）

字號+ 編輯: Snake 修訂: Snake 來源: 慕课网 2023-09-08 我要說兩句(0)

通過改變文本框的内容來觸發onchange事件，同時執行被調用的程序。

通过改变文本框的内容来触发onchange事件，同时执行被调用的程序。

如下代码,当用户将文本框内的文字改变后，弹出对话框“您改变了文本内容！”。

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>onChange</title>
    <script type="text/javascript">
        function message(){
        alert("您改变了文本内容！");
        }
        </script>
  </head>
    <body>
        <form>
        用户：<input name="username" type="text" value="请输入用户名！" onChange="message()" />
        <!--当改变用户文本框内的文字后，触发onChange事件。-->
        </form>
    </body>
</html>

图片18.png