本文主要是介绍JavaScript HTML DOM 事件 onchange onmouseover onmouseout,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
onchange 事件会在域的内容改变是发生
支持该事件的标签
<input type = "text">,<select>,<textarea>
<html>
<head>
<script>function upperCase(x){var y = document.getElementById(x).value;document.getElementById(x).value = y.toUpperCase();}
</script>
</head>
<body>
输入您的姓名:
<input type = "text" id = "fname" onchange = "upperCase(this.id)"/></body>
</html>
onmouseover 当鼠标移到事件上时, 内容发生变化
onmouseout 当鼠标移到事件外时,内容发生变化
<html><body><div onmouseover = "mOver(this)" onmouseout = "mOut(this)" style = "background-color:green;width:120px; height:20px; padding:40px; color:#ffffff;">把鼠标</div><script>function mOver(obj){obj.innerHTML = "谢谢";}function mOut(obj){obj.innerHTML = "把鼠标移到上面";}</script></body>
</html>
这篇关于JavaScript HTML DOM 事件 onchange onmouseover onmouseout的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!