JS 中 onchange 事件如何使用?


本文摘自PHP中文网,作者Guanhui,侵删。

JS 中 onchange 事件如何使用?

JS中onchange事件会在域的内容改变时发生,同时也可用于单选框与复选框改变后触发的事件,其语法有两种,一种是在元素属性上添加“onchange”属性,属性值为JS代码,另一种直接在元素对象上设置即可。

示例代码

HTML 中:

1

<element onchange="SomeJavaScriptCode">

JavaScript 中:

1

object.onchange=function(){SomeJavaScriptCode};

完整示例

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>php中文网(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>

推荐教程:《PHP》

以上就是JS 中 onchange 事件如何使用?的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

怎么引入jquery?

js如何实现利用键盘控制div移动

js concat什么时候用

js怎么获取css属性

js代表什么

vue中computed和watch的用法及区别

js中!与!!的用法介绍

js+html5实现页面可刷新的倒计时效果

javascript如何实现html字符转实体

js和css文件位置对页面性能有什么影响?

更多相关阅读请进入《js》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...