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和卸载文件的方法。