JS-浏览器window-event对象

xiaoxiao2021-02-28  43

document.onkeydown = function(evt){ var evt = evt ? evt:(window.event?window.event:null); if(evt.keyCode==13){ dosomething(); } //键盘发生按键时,判断是否回车,执行函数dosomething() if(evt.keyCode==32){ evt.returnValue=false; } //屏蔽键盘空格键 } 键盘按键状态码小计 8BackSpace(退格)9Tab13Enter(回车)20Caps_Lock(大写锁定)32Space(空格键)37Left(左箭头)38Up(上箭头)39Right(右箭头)40Down(下箭头)

参考资料:http://www.w3school.com.cn/jsref/dom_obj_event.asp

Event 对象

Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

事件通常与函数结合使用,函数不会在事件发生前被执行!

事件句柄 (Event Handlers)

HTML 4.0 的新特性之一是能够使 HTML 事件触发浏览器中的行为,比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表,可将之插入 HTML 标签以定义事件的行为。

属性此事件发生在何时...onabort图像的加载被中断。onblur元素失去焦点。onchange域的内容被改变。onclick当用户点击某个对象时调用的事件句柄。ondblclick当用户双击某个对象时调用的事件句柄。onerror在加载文档或图像时发生错误。onfocus元素获得焦点。onkeydown某个键盘按键被按下。onkeypress某个键盘按键被按下并松开。onkeyup某个键盘按键被松开。onload一张页面或一幅图像完成加载。onmousedown鼠标按钮被按下。onmousemove鼠标被移动。onmouseout鼠标从某元素移开。onmouseover鼠标移到某元素之上。onmouseup鼠标按键被松开。onreset重置按钮被点击。onresize窗口或框架被重新调整大小。onselect文本被选中。onsubmit确认按钮被点击。onunload用户退出页面。

鼠标 / 键盘属性

属性描述altKey返回当事件被触发时,"ALT" 是否被按下。button返回当事件被触发时,哪个鼠标按钮被点击。clientX返回当事件被触发时,鼠标指针的水平坐标。clientY返回当事件被触发时,鼠标指针的垂直坐标。ctrlKey返回当事件被触发时,"CTRL" 键是否被按下。metaKey返回当事件被触发时,"meta" 键是否被按下。relatedTarget返回与事件的目标节点相关的节点。screenX返回当某个事件被触发时,鼠标指针的水平坐标。screenY返回当某个事件被触发时,鼠标指针的垂直坐标。shiftKey返回当事件被触发时,"SHIFT" 键是否被按下。

IE 属性

除了上面的鼠标/事件属性,IE 浏览器还支持下面的属性:

属性描述cancelBubble如果事件句柄想阻止事件传播到包容对象,必须把该属性设为 true。fromElement对于 mouseover 和 mouseout 事件,fromElement 引用移出鼠标的元素。keyCode对于 keypress 事件,该属性声明了被敲击的键生成的 Unicode 字符码。对于 keydown 和 keyup 事件,它指定了被敲击的键的虚拟键盘码。虚拟键盘码可能和使用的键盘的布局相关。offsetX,offsetY发生事件的地点在事件源元素的坐标系统中的 x 坐标和 y 坐标。returnValue如果设置了该属性,它的值比事件句柄的返回值优先级高。把这个属性设置为 fasle,可以取消发生事件的源元素的默认动作。srcElement对于生成事件的 Window 对象、Document 对象或 Element 对象的引用。toElement对于 mouseover 和 mouseout 事件,该属性引用移入鼠标的元素。x,y事件发生的位置的 x 坐标和 y 坐标,它们相对于用CSS动态定位的最内层包容元素。
转载请注明原文地址: https://www.6miu.com/read-2613954.html

最新回复(0)