下面介绍几种javascript中常用的表单事件;
一,onsubmit:表单中的确认按钮被点击时发生的事件,如下案例。
案例解析:弹出表单中提交的内容
var form = document.getElementById('form');
form.onsubmit = function(){
alert('Hello ' + testform.fname.value +'!');
}
二,onblur:在对象失去焦点时发生的事件,如下案例
案例解析:我们将在用户离开输入框时执行 JavaScript 代码
请输入你的英文名字:
请输入你的年龄:
function upperCase(){
var x=document.getElementById("fname").value;
document.getElementById("fname").value=x.toUpperCase();
}
var fname = document.getElementById('fname');
var age = document.getElementById('age');
fname.onblur = function (){
upperCase();
}
age.onblur = function (){
alert('age is ' + this.value);
}
三,onfoucs:在对象获得焦点时发生的事件,案例如下
案例解析:当输入框获得焦点时,其背景颜色将改变,
第一个:
第二个:
function setStyle(x) {
document.getElementById(x).style.background = "yellow";
}
四,onchange:在对象的值发生改变时触发的事件,案例如下
案例解析:当输入框的value值发生改变时将其转换为大写
输入您的姓名:
function upperCase(x) {
var y = document.getElementById(x).value;
document.getElementById(x).value = y.toUpperCase();
}
五,onload事件:在页面或者图片加载完成以后执行的代码,案例如下:
window.onload = function(){
alert('页面加载已完成,会执行之后的代码');
}
?