JavaScript: gebeurtenissen vastleggen ongeacht het element

Question

JavaScript: gebeurtenissen vastleggen ongeacht het element

Is er een bestaand mechanisme waarmee ik een gebeurtenislistener kan toevoegen om te 'focussen' op alle DOM-elementen op de pagina met deze gebeurtenis? Zo nee, hoe kan ik dat doen?
Ik wil console.log (iets) graag wanneer een DOM-element een evenement activeert. Hoe kan ik dit doen?

EDIT: zonder kader:)

0

toegevoegd 27 oktober 2011 op 06:42 de auteur user979672 bewerkt 01 november 2011 op 11:34

Bekeken: 13

de bron

4 antwoord

U kunt de gebeurtenis binden aan het hoofd- of html-element. Of een ander element dat al uw HTML bevat.

Of als u jQuery wilt gebruiken, kunt u zoiets doen

$("*").bind("focus", function(e){
    console.log("something");
})

1

toegevoegd 27 oktober 2011 op 06:50 de auteur Keith.Abramo

de bron

De focusgebeurtenis binden aan "elk" element op de pagina ???

toegevoegd 27 oktober 2011 op 08:08, de auteur Juri, de bron

Juist, je zou $ (document) kunnen doen, maar het OP specificeerde zijn behoefte niet. Ik weet dat $ ("*") veel langzamer is, maar het klonk bijna alsof hij moest inloggen op elementspecifieke basis.

toegevoegd 27 oktober 2011 op 08:11, de auteur Keith.Abramo, de bron

de auteur Juri · Answer 1 · 2011-10-27T06:57Z

Zoiets zou moeten werken (met jQuery).

$("input").focus(function(){
   console.log($(this).attr("id"));
});

Here's a live example: http://jsbin.com/ipiciz/edit#javascript,html,live

de auteur arb · Answer 2 · 2011-10-27T06:57Z

Je zou kunnen proberen de pseudo-selector : input te gebruiken in jQuery.

$(':input').focus(function(e){
    console.log(e);
});

Dit wordt alleen gekoppeld aan de invoerelementen, wat waarschijnlijk toch is waarnaar u op zoek bent.

de auteur nafisto · Answer 3 · 2011-10-27T06:51Z

Gebeurtenissen "borrelen" omhoog door de DOM, dus je zou in staat moeten zijn om een luisteraar te binden aan een document, lichaam, html of een ander ouderelement (bijvoorbeeld een div) en te luisteren naar elke gebeurtenis die wordt geactiveerd door elementen die het bevat.

Als u bijvoorbeeld jQuery gebruikt, kunt u dit als volgt doen:

$(document).bind('focus', function(e) { console.log(e); });

Hiermee wordt elke focusgebeurtenis geregistreerd, ongeacht welk element de gebeurtenis aanvankelijk triggert.