Prototype使用Event

1.前言

下面是Event的通用event事件:

1)        element(event):返回引发event事件的DOM元素。

2)        findElement(event,tagName):该方法和element()方法有点类似,只是findElement()并不一定返回事件发生的事件源,它还可能返回该事件源DOM对象所在的容器。

3)        isLeftClick(event):判断是否是因为左键单击所引发的事件。

4)        observe(element,eventName,handler[,useCapture=false]):将handler注册成element的eventName事件的监听器,useCapture指定handler是否在捕获阶段被触发。

5)        pointX(event):返回鼠标事件发生的位置X坐标。

6)        pointY(event):返回鼠标 事件发生位置Y坐标。

7)        stop(event):停止event事件传播。

8)        stopObserving(element,eventName,handler[,useCAPTURE=false]):取消element上绑定的handler监听器。

2.例子 

<!DOCTYPE html>
<html>
<head>
	<meta name="author" content="OwenWilliam" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title> 使用Event </title>
</head>
<body>
<table border="1">
<tr><td>
<div><input id="ok" type="button" value="click me!"/></div>
</td></tr>
</table>
<script src="../../prototype.js" type="text/javascript">
</script>
<script type="text/javascript">
Event.observe("ok" , "click" , function(event)
{
	alert("是否为左键事件:" + event.isLeftClick());
	alert("事件源:" + event.element().value);
	alert("最近的td元素:" + event.findElement("td").innerHTML);

});
</script>
</body>
</html>

3.运行结果



  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值