Path: csiph.com!usenet.pasdenom.info!weretis.net!feeder1.news.weretis.net!feeder.erje.net!eu.feeder.erje.net!newsfeed.fsmpi.rwth-aachen.de!uucp.gnuu.de!newsfeed.arcor.de!newsspool1.arcor-online.net!news.arcor.de.POSTED!not-for-mail
Content-Type: text/plain; charset="UTF-8"
Message-ID: <2206413.iZ0BqqUp4u@PointedEars.de>
From: Thomas 'PointedEars' Lahn <PointedEars@web.de>
Reply-To: Thomas 'PointedEars' Lahn <cljs@PointedEars.de>
Organization: PointedEars Software (PES)
Date: Tue, 21 Jan 2014 06:01:08 +0100
User-Agent: KNode/4.11.3
Content-Transfer-Encoding: 8Bit
X-Face: %i>XG-yXR'\"2P/C_aO%~;2o~?g0pPKmbOw^=NT`tprDEf++D.m7"}HW6.#=U:?2GGctkL,f89@H46O$ASoW&?s}.k+&.<b';Md8`dH6iqhT)6C^.Px|[=M@7=Ik[_w<%n1Up"LPQNu2m8|L!/3iby{-]A+#YE}Kl{Cw$\U!kD%K}\2jz"QQP6Uqr],./"?;=4v
Face: iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAGFBMVEXTxa4RFk5dUWANED8PFEfy7+MGBiW+n3ZNF/QuAAACaElEQVQ4jVXUwVOcMBQG8Dc7Rc4PUntdWV2uxjDpGaGeozOp1woar4jd5t/v9wLstMwsA/ntlxdCAgUc1hjTc9/JCZfGoo3wG3HdmdAWrIJRHe7GM/TmpY5VFefuVcAkkPbLIaN8rmPmjloyZxgyR3GuJ4K0AGtJ2htz8o7yqikm759fldQXaMpbDzjKAG+8v+AugVTOPO5DOjLvGtUYQwh0CPjnVMyGd+8/GfUB5nLKJDD2aLDh5HYyMDJGDwQIo2ZmZcKbowNmAdB/AzyFhrmF2MHRb0QJJfaAnwGB6orZhoykLzJtGwF/xpYxI1dswomiUj3gTuAIqCn/4C7cULwGNBtwMTk3Y4LfKB5YUaOKBKYtpplm7u0vip8tU1NWWyI/7XdcSuIDoMt6rVHMWT0DbjHPGqDqZVSa6zleLcUTcIKLoMv3ueJluALtAo9B302zPPlrtiVScRdCjXvVh3e3JpYa/jjkuC9N+LrBMlz/eAN4eQijX2EdLo6c5tGGHwLyHFtXk89dDGHwCVhG9T0S/j55AhRZgkMCmUQXJ49TnS1wnQDvw0eAh9ICeMmEFbCnPMFzjAvsWoEWEFdYEx+S0MoUZ1gT1wId8+AF3Bl2OoEu906AUHx5VLw/gXYg/x84loOah/2UYNrgiwSwGO7RfUzVBbx/kgpckumGOi6QirtD6gkLTitbnxNol47S2jVc2vsN5kPqaAHT8uUdAJM4v/DanjYOwmUjWznGfwB7sGtAtor5BgofDuzaRj4kSQAqDakTsKORa3Q3xKi3gE1fhl71KRMqrdZ2AWNNg/YOhQyrVBnb+i+nEg4bsDA+egAAAABJRU5ErkJggg==
Subject: Re: Debugging Errors -- a conundrum -- I think
Newsgroups: comp.lang.javascript
References: <bk52b9F3d4mU1@mid.individual.net> <52dd55dd$0$6554$9b4e6d93@newsspool4.arcor-online.net> <bk55meF44sjU1@mid.individual.net> <bk5d0fF5n94U1@mid.individual.net> <52dd809b$0$6547$9b4e6d93@newsspool4.arcor-online.net> <bk5es2F645gU1@mid.individual.net> <52dd8824$0$6563$9b4e6d93@newsspool4.arcor-online.net> <bk5mijF7pdgU1@mid.individual.net> <bk5o7pF84cqU1@mid.individual.net> <52ddb0fc$0$6549$9b4e6d93@newsspool4.arcor-online.net>
MIME-Version: 1.0
Lines: 65
NNTP-Posting-Date: 21 Jan 2014 06:01:17 CET
NNTP-Posting-Host: bd58e47e.newsspool4.arcor-online.net
X-Trace: DXC=dQKY\2GH=1N02Sh8E_NfIA4IUK<Cl32<A4Fo<]lROoRA8kF<OcfhCOKQce:MKiA0>EDZm8W4\YJNLYUVHKH;GI^G]dFHmST7U1A;Ri>eAVeOoA
X-Complaints-To: usenet-abuse@arcor.de
Xref: csiph.com comp.lang.javascript:22734

Christoph Michael Becker wrote:

> Mel Smith wrote:
>> <select id="uselectclub" style="margin-top:8px" name="selectclub"
>> size="4"
>>   onfocus="setFocusColor(this);shoaccoptbutt(true);"
>>   onclick="chkoptsel(this);">
> 
> If I'm not mistaken, the onclick and onfocus event handlers might
> interfere; especially the order of firing the events seems to be
> important.  You may check that with debug statements in the attribute's
> values, e.g.
> 
>   onfocus="console.log('onfocus');setFocusColor(this);
                                    ^^^^^^^^^^^^^^^^^^^^
Unnecessary these days.  There is the “:focus” CSS pseudo-class, and it is 
observed by recent layout engines not only for “a” elements:

<http://www.w3.org/TR/2011/REC-CSS2-20110607/selector.html#dynamic-pseudo-classes>
<http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#the-user-action-pseudo-classes-hover-act>

<http://caniuse.com/#feat=css-sel2>

>            shoaccoptbutt(true);"
>   onclick="console.log('onclick');chkoptsel(this);">
> 
> I don't know how the order of firing the events is specified, but it
> seems prudent to look that up and cater for eventual exceptions.

The “focus” event is being dispatched when the control receives the focus.

The “click” event is being dispatched when the pointer is positioned on the 
element, and the user pushes and releases a button of the pointing device 
(the event is not dispatched if the button causes a context menu to be 
displayed, so this is usually limited to the primary and tertiary buttons).

<http://www.w3.org/TR/2013/WD-DOM-Level-3-Events-20131105/#event-type-focus>
<http://www.w3.org/TR/2013/WD-DOM-Level-3-Events-20131105/#event-type-click>

The HTML “select” element appears to be special in that the “click” event is 
not dispatched when the element is focused with the pointing device if the 
“select” element is displayed as a drop-down list.  This is different when 
it is displayed as a list box (size > 1), or when the non-menu button is 
pushed and released on the drop-down list.  (Tested in Chromium 31.)


With Firebug it is not necessary to call console.log() for testing events.  
You can context-click an element in the “HTML” panel and “Log Events”.

<https://getfirebug.com/wiki/index.php/HTML_Panel>

With Chrome Dev Tools you can context-click an element and “Force [an] 
Element State”, e.g. “:focus”; it is also possible to do that in the 
“Styles” tab of the “Elements” panel by selecting the “Toggle Element State” 
button (a pointer cursor on a dotted rectangle).  Previous versions lost the 
state when you navigated to another element; current versions pin the state 
and mark this with a(n orange) dot on the left-hand side of the element.

<http://devtoolsecrets.com/secret/editing-styling-active-hover-focus-visited-states.html>

-- 
PointedEars

Twitter: @PointedEars2
Please do not Cc: me. / Bitte keine Kopien per E-Mail.