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>
創作不易,轉摘請標明出處。如果有意一起探討測試相關技能可加博主QQ 771268289 博主微信:ding17121598
本文來自博客園,作者:怪圣卡杰,轉載請注明原文鏈接:http://www.rzrgm.cn/dwdw/p/16737991.html
浙公網安備 33010602011771號