如何使用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>

看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注创新互联行业资讯频道，感谢您对创新互联的支持。

当前标题：如何使用JS中onchange事件
文章地址：https://www.cdcxhl.com/article14/gjocge.html

成都网站建设公司_创新互联，为您提供自适应网站、软件开发、网站设计公司、网站收录、网站维护、网站设计

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容