表单控件值发生改变事件
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
<form action="./demo03.html">
姓名：
<input type="text" name="username" />
<br />
密码：
<input type="password" name="username" />
<br />
爱好：
<label><input type="checkbox" name="goods" value="pear" />梨子</label>
<label><input type="checkbox" name="goods" value="apple" />苹果</label>
<label><input type="checkbox" name="goods" value="banana" />香蕉</label>
<br />
性别：
<label><input type="radio" name="sex" value="1" />男</label>
<label><input type="radio" name="sex" value="2" />女</label>
</form>
<script>
var form = document.querySelector("form");
form.oninput = function(event) {
console.log(event.type, event.target);
};
form.onchange = function(event) {
console.log(event.type, event.target);
};
</script>
|
通过给表单添加input事件和change事件，说明这两种事件也会自动向上冒泡。