DOM event使用方法

最新推荐文章于 2022-01-13 23:32:09 发布

38度秋裤

最新推荐文章于 2022-01-13 23:32:09 发布

阅读量596

点赞数

html dom event 对象:

function whichButton(event)
{if (event.button==2){alert('您点击了右键');}}

event 通过事件函数传递
<body οnmοusedοwn="whichButton(event)">

function show_coords(event)
{x=event.clientX; y=event.clientY; alert('xy的坐标为');}

event 通过事件函数传递
<body οnmοusedοwn="show_coords(event)">

function whichButton(event)
{alert(event.keyCode)}

event 通过事件函数传递
<body οnkeyup="whichButton(event)">

function isKeyPressed(event)
{if(event.shiftKey==1){alert('shift被按下了');}}

<!--哪个元素被点击了-->
function whichElement(e)
{
  var targ;
  if (!e) var e = window.event;
  if(e.target) targ = e.target;
  else if(e.srcElement) targ =e.srcElement;
  if (targ.nodeType == 3) targ =targ.parentNode;
  var tname;
  tname =targ.tagName;
}

event 通过事件函数传递
<body οnmοusedοwn="whichElement(event)">

function getEventType(event)
{alert(event.type);}

event 通过事件函数传递
<body οnmοusedοwn="getEvenType(event);">

event 对象:
event 对象代表事件的状态, 比如某件在其中发生的元素, 键盘按键的状态, 鼠标的位置, 鼠标按钮的状态;
事件通常与函数结合使用,函数不会再事件发生前被执行;[当然,产生event对象不都是在事件情况发生:

var e=window.event||event;  
var obj=e.srcElement ?e.srcElement :e.target;  
// http://www.w3cschool.cn/dom_obj_event.html

事件句柄:event handlers
html 4.0 的新特性之一是能够使html事件触发浏览器中的行为,比如当用户点击某个html元素时启动一段javascript
下面是一个属性列表,可以将之插入到html 标签定义事件行为:
onabort()
onblur()
onchange()
onclick()
ondblclick()
onerror()
onfocus()
onkeydown()
onkeypress()
onkeyup()
onload()
onmousedown()
onmousemove()


鼠标/键盘属性

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


特别的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动态定位的最内层包容元素 


标准 Event 属性 [非IE]

bubbles 返回布尔值，指示事件是否是起泡事件类型
cancelable 返回布尔值，指示事件是否可拥可取消的默认动作
currentTarget 返回其事件监听器触发该事件的元素 
eventPhase 返回事件传播的当前阶段
target 返回触发此事件的元素（事件的目标节点）
timeStamp 返回事件生成的日期和时间
type 返回当前 Event 对象表示的事件的名称

标准 Event 方法:
initEvent() 初始化新创建的 Event 对象的属性
preventDefault() 通知浏览器不要执行与事件关联的默认动作
stopPropagation() 不再派发事件。