Javascript - Advanced event registration models
Advanced event registration models
See section 7C of .
The W3C model is supported by Mozilla, Safari, Konqueror, and iCab.
The Microsoft model is supported by Explorer 5+ on Windows.
Opera supports both models.
On this page I explain the two advanced event registration models:
W3C’s and Microsoft’s. Since neither is cross–browser supported,
their use is, for the moment, deprecated.
W3C and Microsoft have both developed their own event registration model
to replace Netscape’s
. Though I’m not
impressed by the Microsoft model, W3C’s is very good, except for one
.
Unfortunately few browsers support it at the moment.
W3C’s
pays careful attention
to the problems of the traditional model. It offers a simple way to register as many event handlers
as you like for the same event on one element.
The key to the W3C event registration model is the method addEventListener(). You give it three
arguments: the event type, the function to be executed and a boolean
(true or false) that I’ll explain later on.
To register our well known doSomething() function to the onclick of an element you do:
element.addEventListener('click',doSomething,false)
The beauty of this model is that we can add as many event listeners as we want to the
element. If we take our example modules from the
page,
we’d register them both as follows:
element.addEventListener('click',startDragDrop,false)
element.addEventListener('click',spyOnUser,false)
and both event handlers fire when the user clicks on the element. Please note that the W3C
model does not state which event handler is fired first, so you cannot assume startDragDrop()
is executed before spyOnUser().
To remove an event handler, use the removeEventListener() method. You can choose which
handler to remove, so
element.removeEventListener('click',spyOnUser,false)
removes the second event handler but leaves the first one untouched. Beautiful functionality, and
it exactly solves the problem with the traditional model we noted before.
Anonymous functions
You can also use anonymous functions in the W3C model:
element.addEventListener('click',function () {
this.style.backgroundColor = '#cc0000'
},false)
true or false
As to the true or false that is the last argument of addEventListener,
it is meant to state whether the event handler should be executed
.
If you’re not certain whether you want capturing or bubbling, use false (bubbling).
In JavaScript the this keyword always refers to the “owner” of
a function. In the case of event handlers it is very useful if this refers to
the HTML element the event is handled by, so that you have easy access to it.
Unfortunately the this keyword, though very powerful, is hard to use if you don’t know
exactly how it works. I discuss its use on
.
In the W3C model it works the same as in the
: it refers to the HTML
element currently handling the event.
element.addEventListener('click',doSomething,false);
another_element.addEventListener('click',doSomething,false);
function doSomething() {
this.style.backgroundColor = '#cc0000';
}
If you register doSomething() as the click event handler of any HTML element,
that element gets a red background whenever the user clicks on it.
Which event handlers are registered?
One problem of the current implementation of W3C’s event registration model is
that you can’t find out if any event handlers are already registered to an element. In the traditional model
you could do:
alert(element.onclick)
and you see the function that’s registered to it, or undefined if nothing is registered.
Only in its very recent
W3C adds an eventListenerList to store a list of event handlers
that are currently registered on an element. This functionality is not yet supported by any
browser, it’s too new. However, the problem has been addressed.
Fortunately removeEventListener() doesn’t give any errors if the event listener you want to
remove has not been added to the element, so when in doubt you can always use removeEventListener().
Microsoft, too, has developed an event registration model. It looks
similar to W3C’s, but has some important drawbacks.
To register an event handler, attach it to the element:
element.attachEvent('onclick',doSomething)
or, if you need two event handlers:
element.attachEvent('onclick',startDragDrop)
element.attachEvent('onclick',spyOnUser)
Removing one is simple, too:
element.detachEvent('onclick',spyOnUser)
When compared to the W3C model, the Microsoft model has two important drawbacks:
Events always bubble, no capturing possibility.
The event handling function is referenced, not copied, so
always refers to the window and is completely useless.
The result of these two weaknesses is that when an event bubbles up
it is impossible to know which HTML element currently handles the event.
I explain this problem more fully on the
Since the Microsoft event adding model is only supported by Explorer 5 and higher on Windows,
it cannot be used for cross–browser scripts. But even for Explorer–on–Windows only
applications it’s best not to use it, since the bubbling problem can be quite nasty in
complex applications.
If you wish to go through all event pages in order, you should now continue with the以下试题来自：
单项选择题一风心病患者，入院后检查心电图：心室率85次/min，电轴150°，PⅠ、PⅡ、PavL切迹明显，P波时限＞0.13s，Vlnf为0.08ms，V1R/S＞1，VSR/S＜1，P-R间期0.22s，应考虑为A．右心室肥大伴一度房室传导阻滞B．右心室肥大C．左心房、右心室肥大D．右心房、右心室肥大E．左心房、右心室肥大伴一度房室传导阻滞
为您推荐的考试题库
你可能感兴趣的试题
热门相关试卷
最新相关试卷您是不是在找：
买家还在看：
当前位置：
扫一扫，随时随地关注行业资讯
MCP1651R-E/MS
厂家批发 优质商务摆件工艺品 物美价廉
detail3e达人选购￥46.00￥26.00￥50.00￥10.00￥10.00
detail3e周边优质供应商上海浦东新区湖南省长沙市广东省广州市广东省东莞市
同参数产品
同参数产品
同参数产品
产品类型：
同参数产品
是否进口：
同参数产品
加工定制：
同参数产品
供应商类型：
同参数产品
慧聪网厂家深圳市同友电子技术有限公司为您提供MCP1651R-E/MS的详细产品价格、产品图片等产品介绍信息，您可以直接联系厂家获取MCP1651R-E/MS的具体资料，联系时请说明是在慧聪网看到的。
detail3e相关商品推荐￥46.00￥26.00￥50.00￥10.00￥10.00￥18.00￥8500.00￥2.50热门商品推荐 ￥46.00 ￥26.00 ￥50.00 ￥10.00 ￥10.00 ￥18.00 ￥8500.00 ￥2.50
detail3e店内热门商品￥6.20￥1.50面议￥1.50
detail3e其他纪念品相关资源其他纪念品热门产品搜索其他纪念品相关热门专题更多&热门商机最新商机
提示：您在慧聪网上采购商品属于商业贸易行为。以上所展示的信息由卖家自行提供，内容的真实性、准确性和合法性由发布卖家负责，请意识到互联网交易中的风险是客观存在的。推荐使用，保障您的交易安全！
所在地：广东省&&
联系人：张丹丹 & 女士
755 ******
请供应商联系我
手机号不能为空
姓名不能为空
请供应商联系我
您对该公司的咨询信息已成功提交请注意接听供应商电话。
detail3e关于MS
detail3e同类其他品牌
您采购的产品：
请输入采购产品
您的手机号码：
请输入手机号码
*采购产品：
请输入采购产品
*采购数量：
请输入采购数量
*采购截止日期：
请输入正确的手机号码
请输入验证码
*短信验证码：
<input id="valid_Code1" maxlength="6" placeholder="请输入验证码" name="VALIDCODE" class="codeInput" onkeyup="this.value=this.value.replace(/\D/g,'')" onkeypress="if(event.keyCode
57) event.returnValue =" type="text">
免费获取验证码
为了安全，请输入验证码，我们将优先处理您的需求！
请输入验证码
发送成功！
慧聪已收到您的需求，我们会尽快通知卖家联系您，同时会派出采购专员1对1为您提供服务，请您耐心等待！
755 ******
联系人：张丹丹&销售部 经理
公司名称：深圳市同友电子技术有限公司
备注：点击关注按钮后才可自动收到卖家电话
请输入正确的手机号码
请输入验证码
*短信验证码：
免费获取验证码
为了安全，请输入验证码，我们将优先处理您的需求！
请输入验证码
按字母分类 ：心电图报告中:P:92ms,P-R:132ms,QRS:+137°,QT&#47;QTc:354&#47;366ms,RV5&#47;SV1:0.42&#47;0.70mV,RV5+SV1:1.12mV_百度拇指医生
&&&网友互助
?心电图报告中:P:92ms,P-R:132ms,QRS:+137°,QT&#47;QTc:354&#47;366ms,RV5&#47;SV1:0.42&#47;0.70mV,RV5+SV1:1.12mV
拇指医生提醒您：该问题下为网友贡献，仅供参考。
患者信息：女 24岁 福建 福州 &br /&病情描述(发病时间、主要症状等)：&br /&无，只是体检发现报告诊断中是：窦性心律，电轴显著右偏，肢导联低电压。&br /&&br /&想得到怎样的帮助：&br /&希望帮我明确一下情况，这样的报告是正常的还是有什么问题。&br /&&br /&曾经治疗情况及是否有过敏、遗传病史：&br /&无。
有轻度不正常，但单凭这个心电图结果还不能说明说明问题，因为有些右心增大，心脏明显转位或者右束支阻滞的情况也可以出现这种情况，你可以作一个心脏彩超检查排除先天性心脏病或者风湿性心脏病，如果心率偏快还要排除甲亢的可能，如果都是正常，那就不用担心了，也不用治疗，定期复查就是了。
向医生提问
完善患者资料：*性别：
没什么问题！正常！请放心！O(∩_∩)O谢谢
这样的报告没什么问题
为您推荐：
* 百度拇指医生解答内容由公立医院医生提供，不代表百度立场。
* 由于网上问答无法全面了解具体情况，回答仅供参考，如有必要建议您及时当面咨询医生