( ! ) Warning: include(): http:// wrapper is disabled in the server configuration by allow_url_include=0 in D:\www\up\js\event.php on line 14
Call Stack
#TimeMemoryFunctionLocation
10.0000363728{main}( )...\event.php:0

( ! ) Warning: include(http://pub.houheaven.com/Nav02/Nav_deep2.htm): failed to open stream: no suitable wrapper could be found in D:\www\up\js\event.php on line 14
Call Stack
#TimeMemoryFunctionLocation
10.0000363728{main}( )...\event.php:0

( ! ) Warning: include(): Failed opening 'http://pub.houheaven.com/Nav02/Nav_deep2.htm' for inclusion (include_path='.;C:\php\pear') in D:\www\up\js\event.php on line 14
Call Stack
#TimeMemoryFunctionLocation
10.0000363728{main}( )...\event.php:0

信息:原创2014-09-160 次阅读0 个评论

标签:后天堂向上,网站制作,自学教程,网站技术,javascript,javascript 事件


Javascript 事件类型:HTML事件、键盘事件、鼠标事件。


HTML 事件

事件名称触发条件
onload文档或者图片加载完毕之后
onunload文档被卸载
onabort图片加载被中断
onfocus对象获取焦点
onblur对象失去焦点
onchange表单元素值被改变
onerror脚本发生错误
ondragdrop用户将一个对象拖放到浏览器窗口中
onmove浏览器窗口移动
onreset表单重置按钮被点击
onsubmit表单提交按钮被点击
onselect表单控件文字被选定
oncontextmenu上下文菜单事件(鼠标右键弹出窗)




键盘事件

事件名称触发条件
onkeydown键盘按键被按下
onkeypress键盘按键被按下然后松开(仅对字符键有效)
onkeyup键盘按键被松开

keyCode、charCode

在发生 keydown、keyup 中,event 对象的 keyCode 属性会包含一个代码,其值与 ASCII 码 相对应。

火狐、谷歌、苹果的 event 对象都支持 charCode 属性,这个属性只有在发生 keypress 事件时才包含值。

事件属性火狐谷歌苹果IE10IE9IE8-
keydownkeyCode
charCode××××××××××--
keypresskeyCode××××××
charCode×××××--

(以上数据均经过测试,字:字符按键,非:非字符按键,√:支持,×:不支持,-:无此属性)





鼠标事件

事件名称触发条件
onclick标签对象被单击
ondblclick标签对象被双击
onmousedown鼠标在对象上按下
onmouseup鼠标在对象上按下后松开
onmouseover鼠标移到对象上
onmouseout鼠标移出对象外
onmousemove鼠标在对象上移动

鼠标事件对象可以用于检测用户鼠标的操作情况和鼠标指针的定位。

鼠标事件主要是通过 onmousedown、onmouseup 来触发的,大部分高版本的浏览器都支持了 W3C 鼠标事件对象,但 IE8 及其以下的浏览器并不支持,鼠标事件对象使用的是自己的标准。


W3C 鼠标事件对象 button 属性

属性值说明
0鼠标左键被按下
1鼠标中间被按下
2鼠标右键被按下

IE 鼠标事件对象 button 属性

属性值说明
0鼠标无操作
1鼠标左键被按下
2鼠标右键被按下
3鼠标左、右键同时被按下
4鼠标中键被按下
5鼠标左键、中键同时被按下
6鼠标右键、中键同时被按下
7鼠标左键、中键、右键同时被按下

鼠标位置

属性属性值说明
clientX数值可视区域 X 坐标,距离左边框的距离
clientY数值可视区域 Y 坐标,距离上边框的距离
screenX数值屏幕区域 X 坐标,距离屏幕左边的距离
screenY数值屏幕区域 Y 坐标,距离屏幕上边的距离

修改键

属性属性值说明
shiftKey布尔值鼠标点击时,是否按下了 Shift 键
ctrlKey布尔值鼠标点击时,是否按下了 Ctrl 键
altKey布尔值鼠标点击时,是否按下了 Alt 键
metaKey布尔值鼠标点击时,是否按下了 windows 键




W3C 与 IE

W3C 事件对象

属性/方法类型读写说明
bubblesBoolean只读事件是否冒泡
cancelableBoolean只读是否可以取消事件的默认行为
currentTargetElement只读其事件处理程序当前正在处理事件的那个元素
detailInteger只读事件细节
eventPhaseInteger只读事件阶段 1.捕获阶段 2.处理目标 3.冒泡阶段
targetElement只读事件的目标
viewAbstractView只读与事件相关联的抽象视图
preventDefault()Function只读取消事件的默认行为
stopPropagation()Function只读取消事件的进一步捕获或冒泡

IE 事件对象

属性/方法类型读写说明
cancelBubbleBoolean读写取消事件的冒泡,默认值为 false
returnValueBoolean读写取消事件的默认行为,默认值为 true
srcElementElement只读事件的目标
typeString只读事件的类型
显示框架
top