DOM基本教程中的事件类型
对于用户事件的类型,最常用的是鼠标、键盘和浏览器。1。鼠标事件:
鼠标事件经常使用,下面的示例用于测试各种鼠标事件
复制代码代码如下所示:
函数句柄(oevent){
VaR DISP = document.getelementbyid(显示);
如果(窗口。事件)oevent = window.event; / /兼容性、对象
disp.innerhtml =鼠标+ oevent.type +事件名称:;
}
在window.onload =函数(){
VaR OP = document.getelementbyid(盒子);
op.onmousedown =处理;
op.onmouseover =处理;
op.onmouseup =处理;
op.onmouseout =处理;
op.onclick =处理;
op.ondblclick =处理;
}
框的内容
鼠标键值按钮测试(附表)
复制代码代码如下所示:
函数的TestClick(oevent){
无功odiv = document.getelementbyid(显示);
如果(窗口事件)
oevent = window.event;
odiv.innerhtml = oevent.button; / /按钮的输出值
}
document.onmousedown = testclick;
在window.onload = testclick; / /测试未按任何键
2。键盘事件
键盘事件种类不多,只有三种事件。
keydown(按下一个键,让触发)
按键(触发按键时,产生一个字符,即忽略移位、ALT、Ctrl键和其他功能键)
Keyup(触发释放键时)
键盘监听器示例:
复制代码代码如下所示:
函数句柄(oevent){
如果(窗口。事件)oevent = window.event; / /兼容性,将事件对象
无功odiv = document.getelementbyid(显示);
odiv.innerhtml = oevent.type + ; / /输出事件名称
}
在window.onload =函数(){
无功otextarea = document.getelementbyid(文本);
otextarea.onkeydown =处理; / /监控所有的键盘事件
otextarea.onkeyup =处理;
otextarea.onkeypress =处理;
}
对于键盘,最重要的不是事件的名称,但最关键的是,由于IE没有字符码性能,关键是作为标准的DOM代码只有当keydown和keyup事件发生相同的。
它在KeyPress事件相当于密码,所以下面的方法。
复制代码如下:oevent.charcode =(oevent.type = =按键)(oevent。关键词:);
为什么不使用密码是因为它代表了键盘上的键,而不是输出特性。因此,输出一个,密码是等价的,是区分字符的字符码。
另外,在按键,标准的DOM的键码值总是0;
示例:键盘事件的相关属性:
复制代码代码如下所示:
函数句柄(oevent){
无功odiv = document.getelementbyid(显示);
如果(窗口。事件)oevent = window.event; / /兼容性,将事件对象
设置字符码 / / IE的价值
(oevent.charcode = oevent.type = =按键oevent。密码:0);
odiv.innerhtml = oevent.type +:字符码+ oevent.charcode +密码+ oevent.keycode + ; / /输出测试
}
在window.onload =函数(){
无功otextarea = document.getelementbyid(文本);
otextarea.onkeydown =处理; / /监控所有的键盘事件
OTextArea.onkeypress = handle;
}
3.htm事件
对于浏览器,各种HTML都有自己的事件,其中一些也经常被用户所触动,比如加载、错误、选择等等。
加载事件是最常见的事件之一,因为在完成加载页之前,DOM的框架还没有完成,因此任何相关操作都无法完成。
负载分配给窗口对象,和unload事件相当于标记的onload和卸载文件的方法。