内联模型,onclick是事件处理函数
<input type = "button" value = "按钮" onclick = "alert('Lee');"/>
<input type = "button" value = "按钮" onclick = "box();"/>
function box(){ //如果放在一个匿名函数里面就看不到了
alert("Lee");
};
//脚本模型
PS:让事件处理函数执行一个函数的时候,通过赋值方式,那么直接将函数名赋值给事件处理函数
PS:也就是input.onclick = box;如果加上了括号就自动执行了,没有完成赋值input.onclick = box();
PS:可以放在外面,也可以和input同级
window.onload = function(){
var input = document.getElementsByTagName("input")[0];
//对象.事件处理函数 = 函数或匿名函数
input.onclick = box; //赋值不能加括号
function box(){
alert("Lee");
};
};
鼠标事件
单击
input.onclick = function(){
alert("Lee");
};
input.ondblclick = function(){
alert("Lee");
};
input.onmousedown = function(){
alert("Lee");
};
input.onmouseup = function(){
alert("Lee");
};
input.onmouseover = function(){
alert("Lee");
};
input.onmouseout = function(){
alert("Lee");
};
input.onmousemove = function(){
alert("Lee");
};
//IE8下测试无效
onkeydown = function(){
alert("Lee");
};
//IE8下测试无效
onkeypress = function(){
alert("Lee");
};
window.onload = function(){
}
window.onunload = function(){
alert("Lee");
};
input.onselect = function(){
alert("Lee");
};
input.onchange = function(){
alert("Lee");
};
input.onfocus = function(){
alert("Lee");
};
input.onblur = function(){
alert("Lee");
};
var form = document.getElementsByTagName("form")[0];
form.onsubmit = function(){
alert("Lee");
};
var form = document.getElementsByTagName("form")[0];
form.onreset = function(){
alert("Lee");
};
window.onresize = function(){
alert("Lee");
};
window.onload = function(){
var input = document.getElementsByTagName("input")[0];
var form = document.getElementsByTagName("form")[0];
window.onscroll = function(){
alert("Lee");
};
};