<!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>
标签：function,document,--,javaScript,event,事件,onchange,keyCode From： https://www.cnblogs.com/dwdw/p/16737991.html