change事件当、、的值发生变化时触发。它与input事件的最大不同,就是不会连续触发,只有当全部修改完成时才会触发,另一方面input事件必然伴随change事件。具体来说,分成以下几种情况。
激活单选框(radio)或复选框(checkbox)时触发。
用户提交时触发。比如,从下列列表(select)完成选择,在日期或文件输入框完成选择。
当文本框或元素的值发生改变,并且丧失焦点时触发。
下面是一个例子。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Dom Change Event</title>
</head>
<body>
<label for="text">Text:</label><input type="text" id="text">
<br>
<label for="tta">TextArea:</label><textarea name="tta" id="tta" cols="30" rows