onchange 事件和oninput事件

最新推荐文章于 2024-06-23 00:55:54 发布

浅释的思旭

最新推荐文章于 2024-06-23 00:55:54 发布

阅读量1.2k

点赞数 1

本文链接：https://blog.csdn.net/weixin_44893467/article/details/93767965

版权

onchange
onchange 事件在用户改变输入域的内容时执行 JavaScript 代码

<html>
<head>
<script type="text/javascript">
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>

支持该事件的 HTML 标签：
<input type="text">, <select>, <textarea>

oninput
oninput 事件在用户输入时触发。
该事件在或元素的值发生改变时触发。
提示：该事件类似于 onchange 事件。不同之处在于 oninput 事件在元素值发生变化是立即触发， onchange 在元素失去焦点时触发。另外一点不同是 onchange 事件也可以作用于和元素。(不过我在select标签中也用到了oninput 例如<select oninput="js代码">直接写js就可以)

支持该事件的 HTML 标签：
<input type="password">, <input type="search">, <input type="text"> 
和 <textarea>还有<select>

还有写前端的心得只有很少的js代码时，没必要先触发个方法，然后执行方法，然后再返回结果
``例如我就把oninput="document.getElementById(this.value).style.display = 'block'"直接写再里边。
在这里插入图片描述

浅释的思旭

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
onchange 事件和oninput事件

onchangeonchange 事件在用户改变输入域的内容时执行 JavaScript 代码<html><head><script type="text/javascript">function upperCase(x){var y=document.getElementById(x).valuedocument.getElementById(...
复制链接

扫一扫