Bagaimana cara menyampaikan argumen ke penangan peristiwa di jQuery?

Dengan kode jQuery seperti:

$("#myid").click(myfunction);

function myfunction(arg1, arg2) {/* something */}

Bagaimana cara menyampaikan argumen myfunctionsaat menggunakan jQuery?

Cara termudah adalah melakukannya seperti itu (dengan asumsi Anda tidak ingin informasi acara apa pun diteruskan ke fungsi) ...

$("#myid").click(function() {
    myfunction(arg1, arg2);
});

jsFiddle .

Ini membuat fungsi anonim, yang dipanggil saat clickacara dipicu. Ini pada gilirannya akan memanggil myfunction()dengan argumen yang Anda berikan.

Jika Anda ingin mempertahankan ThisBinding(nilai thissaat fungsi dipanggil, setel ke elemen yang memicu kejadian), maka panggil fungsi dengan call().

$("#myid").click(function() {
    myfunction.call(this, arg1, arg2);
});

jsFiddle .

Anda tidak dapat meneruskan referensi secara langsung dengan cara yang dinyatakan contoh Anda, atau argumen tunggalnya adalah objek jQueryevent .

Jika Anda tidak ingin lulus referensi, Anda harus memanfaatkan jQuery proxy()fungsi (yang merupakan browser wrapper salib untuk Function.prototype.bind()). Hal ini memungkinkan Anda melewati argumen, yang terikat sebelum itu eventargumen.

$("#myid").click($.proxy(myfunction, null, arg1, arg2));   

jsFiddle .

Dalam contoh ini, myfunction()akan dieksekusi dengan ThisBindingutuh ( nullbukan objek, jadi nilai normal thiselemen yang memicu kejadian digunakan), bersama dengan argumen (dalam urutan) arg1, arg2dan akhirnya eventobjek jQuery , yang dapat Anda abaikan. jika tidak diperlukan (bahkan jangan beri nama dalam argumen fungsi).

Anda juga dapat menggunakan eventobjek jQuery datauntuk meneruskan data, tetapi ini akan memerlukan modifikasi myfunction()untuk mengaksesnya melalui event.data.arg1(yang bukan merupakan argumen fungsi seperti pertanyaan Anda menyebutkan), atau setidaknya memperkenalkan fungsi proxy manual seperti contoh sebelumnya atau yang dihasilkan menggunakan contoh terakhir.

$("#myid").on('click', {arg1: 'hello', arg2: 'bye'}, myfunction);

function myfunction(e) {

    var arg1 = e.data.arg1;
    var arg2 = e.data.arg2;

    alert(arg1);
    alert(arg2);

}

//call method directly:
myfunction({
    arg1: 'hello agian', 
    arg2: 'bye again'
});

Juga memungkinkan Anda untuk mengikat dan melepaskan penangan kejadian tertentu menggunakan metode hidup dan mati.

Contoh:

$("#myid").off('click', myfunction);

Ini akan melepaskan penangan fungsi saya dari #myid

sementara Anda pasti harus menggunakan jawaban Alex, metode "bind" perpustakaan prototipe telah distandarisasi di Ecmascript 5, dan akan segera diimplementasikan di browser secara native. Ini bekerja seperti ini:

jQuery("#myid").click(myfunction.bind(this, arg1, arg2));

Benang tua, tapi untuk tujuan pencarian; mencoba:

$(selector).on('mouseover',...);

... dan periksa parameter "data": http://api.jquery.com/on/

misalnya:

function greet( event ) {
  alert( "Hello " + event.data.name );
}
$( "button" ).on( "click", {name: "Karl"}, greet );
$( "button" ).on( "click", {name: "Addy"}, greet );

Sudah ada jawaban yang bagus, tapi bagaimanapun, ini dua sen saya. Anda juga bisa menggunakan:

$("#myid").click({arg1: "foo", arg2: "bar"}, myfunction)

Dan pendengarnya akan terlihat seperti:

function myfunction(event){ alert(event.data.arg1); alert(event.data.arg2); }

Sederhana:

$(element).on("click", ["Jesikka"],  myHandler);

function myHandler(event){
   alert(event.data);     //passed in "event.data"
}