如何使用JS 中 onchange 事件
如何使用JS 中 onchange 事件?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。
JS中onchange事件会在域的内容改变时发生,同时也可用于单选框与复选框改变后触发的事件,其语法有两种,一种是在元素属性上添加“onchange”属性,属性值为JS代码,另一种直接在元素对象上设置即可。
示例代码
HTML 中:
<element onchange="SomeJavaScriptCode">
JavaScript 中:
object.onchange=function(){SomeJavaScriptCode};
完整示例
<!DOCTYPE html><html><head><meta charset="utf-8"><title>亿速云(phpcn.com)</title></head><head><script>function myFunction(){var x=document.getElementById("fname");x.value=x.value.toUpperCase();}</script></head><body>输入你的名字: <input type="text" id="fname" onchange="myFunction()"><p>当你离开输入框后,函数将被触发,将小写字母转为大写字母。</p></body></html>
看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注亿速云行业资讯频道,感谢您对亿速云的支持。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。