jQuery: $(). Click (fn) vs. $(). Bind ('click', fn);

112

Wenn jQuery mit einem Event-Handler-Verbindung, gibt es einen Unterschied der Click-Methode

$().click(fn)

im Vergleich mit der Methode bind Parameter

$().bind('click',fn);

Anders als bind optionalen Daten zwischen der Verwendung.

Quelle

2009-02-06 Alan Storm

Sieht so aus, als hätte click auch den optionalen Datenparameter. Jeder weiß, ob es irgendwelche Unterschiede gibt, wie es funktioniert? Quelle: http://api.jquery.com/click/ –

134

Für das, was es wert ist, von der jQuery source:

jQuery.each(("blur,focus,load,resize,scroll,unload,click,dblclick," + 
    "mousedown,mouseup,mousemove,mouseover,mouseout,mouseenter,mouseleave," + 
    "change,select,submit,keydown,keypress,keyup,error").split(","), function(i, name){ 

    // Handle event binding 
    jQuery.fn[name] = function(fn){ 
     return fn ? this.bind(name, fn) : this.trigger(name); 
    }; 
});

Also nein, gibt es keinen Unterschied -

$().click(fn)

Anrufe

$().bind('click',fn)

Quelle

2009-02-06 01:30:37

True - 'click()' ist im Grunde eine Abkürzung für 'bind ('click')' (oder, an diesem Tag ein Alter, ruft es tatsächlich 'on (' Klicken Sie auf ') '. So wie ich es sehe, können Sie sich auch diesen zusätzlichen Funktionsaufruf mit' on (' click ') 'direkt sichern. – Nix

Sie machen das selbe, aber bind() sagen Sie, ich möchte etwas passieren, wenn die Anwendung schwebt UND klickt etc. Siehe http://stackoverflow.com/a/519455/292408 unten für das Beispiel Sie können natürlich nur an ein Ereignis binden, zB 'klicken'. –

Es gibt einen Unterschied, dass Sie benutzerdefinierte Ereignisse mit der zweiten Form binden können, die Sie haben. Ansonsten scheinen sie auch synonym zu sein. Siehe: jQuery Event Docs

Quelle

2009-02-06 01:29:06 nickohrn

+1 für Matthew Antwort , aber ich dachte, ich sollte erwähnen, dass du auch mehr als ein Event binden kannst. h andler in einem Rutsch mit bind

$('#myDiv').bind('mouseover focus', function() { 
    $(this).addClass('focus') 
});

, die die viel sauberer ist äquivalent zu:

var myFunc = function() { 
    $(this).addClass('focus'); 
}; 
$('#myDiv') 
    .mouseover(myFunc) 
    .focus(myFunc) 
;

Quelle

2009-02-06 07:35:32 nickf

+19

+1 Diese Bindung mehrerer Ereignisse ist für mich neu und möglicherweise sehr nützlich. – cletus

Ja, das ist großartig zu wissen. –

Es ist die [Daten] Parameter binden, die nur bei bind-Zeit, einmal auftreten.

Sie können benutzerdefinierte Ereignisse auch als ersten Parameter von bind angeben.

Quelle

2009-11-23 19:22:39 aaron

Wenn Sie Google Chrome haben, haben ihre Entwicklertools ein Ereignis-Listener-Tool, wählen Sie das Element aus, dessen Ereignis Sie ausspionieren möchten.

Sie werden feststellen, dass beide Wege zum selben Ergebnis führen, so dass sie gleichwertig sind.

Quelle

2010-02-10 17:05:27

Ich ziehe .bind() wegen seiner Schnittstelle Konsistenz mit .live(). Dadurch wird nicht nur der Code lesbarer, sondern es wird auch einfacher, eine Codezeile so zu ändern, dass eine Methode anstelle der anderen verwendet wird.

Quelle

2011-09-09 15:27:10 danorton

Ich finde die .click() ist viel logischer, aber ich denke, es ist, wie Sie an Dinge denken.

$('#my_button').click(function() { alert('BOOM!'); });

Scheint ungefähr so einfach zu sein, wie Sie bekommen.

Quelle

2012-04-20 21:07:58 JedH

jQuery: $(). Click (fn) vs. $(). Bind ('click', fn);

Antwort

Verwandte Themen