javascript中的常⽤表单事件⽤法下⾯介绍⼏种javascript中常⽤的表单事件；
⼀，onsubmit：表单中的确认按钮被点击时发⽣的事件，如下案例。
案例解析：弹出表单中提交的内容
<form name="testform" action="#" id="form">
input绑定onblur事件What is your name?<br />
<input type="text" name="fname"/>
<input type="submit" value="Submit"/>
</form>
<script type="text/javascript">
var form = ElementById('form');
alert('Hello ' + testform.fname.value +'!');
}
</script>
⼆，onblur：在对象失去焦点时发⽣的事件，如下案例
案例解析：我们将在⽤户离开输⼊框时执⾏ JavaScript 代码
<p>请输⼊你的英⽂名字: <input type="text" id="fname"></p>
<p>请输⼊你的年龄: <input type="text" id="age"></p>
<script type="text/javascript">
function upperCase(){
var ElementById("fname").value;
}
var fname = ElementById('fname');
var age = ElementById('age');
upperCase();
}
alert('age is ' + this.value);
}
</script>
三，onfoucs：在对象获得焦点时发⽣的事件，案例如下
案例解析：当输⼊框获得焦点时，其背景颜⾊将改变，
<!--onfoucs事件-->
<p>第⼀个：<input type="text" onfocus="setStyle(this.id)" id="fname-foucs"></p>
<p>第⼆个：<input type="text" onfocus="setStyle(this.id)" id="lname-foucs"></p>
<script type="text/javascript">
function setStyle(x) {
}
</script>
四，onchange：在对象的值发⽣改变时触发的事件，案例如下
案例解析：当输⼊框的value值发⽣改变时将其转换为⼤写
<!--onchange事件-->
<p>输⼊您的姓名：<input type="text" id="fname-change" onchange="upperCase(this.id)"/></p>
<script type="text/javascript">
function upperCase(x) {
var y = ElementById(x).value;
}
</script>
五，onload事件：在页⾯或者图⽚加载完成以后执⾏的代码，案例如下：
<script type="text/javascript">
alert('页⾯加载已完成，会执⾏之后的代码');
}
</script>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。