javaScript--4 onchange 事件 

<!DOCTYPE html>
<html>
  <head>
    <title>事件</title>
  </head>

  <body>
    <h2>----------------onchange事件--------------------</h2>
    <!-- onchange 事件会在域的内容改变时发生。 -->
    姓名：<input id="name" type="text" onchange="changeName()" value="涨涨">
    <span id="textName"></span><br /><br />
    <!-- onchange 事件也可用于单选框与复选框改变后触发的事件 -->

    你喜欢的动物：<select onchange="alert('你喜欢的宠物是:'+this.value)">
      <option value="cat">cat</option>
      <option value="dog">dog</option>
      <option value="pig">pig</option>
    </select>

    <h2>-----------------------------onkeydown事件-----------------</h2>
    姓名：<input id="keyCode" type="text" onkeydown="keyCode(event)" />
  </body>

  <script>
   function changeName() {
    document.getElementById("textName").innerText="你输入的姓名是："+document.getElementById("name").value;
   } 

    function keyCode(event){
        alert('你点击的键值keyCode是：'+event.keyCode);
    }
  </script>
</html>

 

posted @ 2022-09-28 14:39  怪圣卡杰  阅读(36)  评论(0)  编辑  收藏  举报