bir WordPress kullanmak.() tıklatın vs özelliği

SORU

27 EYLÜL 2012, PERŞEMBE

bir WordPress kullanmak.() tıklatın vs özelliği

Büyük bir WordPress kullanmak bir uygulama var, ve click olayları için aşağıdaki iki yöntemi kullanıyorum.

İlk yöntemi

HTML

<div id="myDiv">Some Content</div>

bir WordPress kullanmak

$('#myDiv').click(function(){
    //Some code
});

İkinci yöntem

HTML

<div id="myDiv" onClick="divFunction()">Some Content</div>

JavaScript işlev çağrısı

function divFunction(){
    //Some code
}

Benim uygulama içinde ya birinci ya da ikinci yöntemi kullanıyorum. Hangisi daha iyi? Performans için daha iyi? Ve standart mı?

CEVAP

27 EYLÜL 2012, PERŞEMBE

$('#myDiv').click(function(){ kullanıyordaha iyistandart olay kaydı model aşağıdaki gibi. (jQuery internally addEventListener attachEvent kullanır).

Temelde modern way bir olay kaydediyor olayları işleme unobtrusive yol. Aynı zamanda birden fazla olay dinleyicisini kaydetmek için hedef aynı hedef için addEventListener() diyebilirsin.

var myEl = document.getElementById('myelement');

myEl.addEventListener('click', function() {
    alert('Hello world');
}, false);

myEl.addEventListener('click', function() {
    alert('Hello world again!!!');
}, false);

http://jsfiddle.net/aj55x/1/

Why use addEventListener?(MDN)

parametre, event belirtildiği gibi bir olay dinleyicisini kaydetmek için bir yoldur W3C DOM. Faydaları şunlardır:

Daha tek bir işleyici bir olay için eklemek sağlar. Bu DHTML kütüphaneler ya da Mozilla uzantıları için özellikle kullanışlıdır eğer uzantıları/diğer kütüphaneler kullanıldığında bile iyi çalışmak gerekiyor.
Sen ince taneli dinleyici aktif hale geldiğinde faz kontrol (vs köpürme yakalama) verir
DOM öğesi değil, sadece HTML elemanları üzerinde çalışıyor.

Modern olay hakkında daha kaydı ->http://www.quirksmode.org/js/events_advanced.html

Ayarı gibi diğer yöntemler HTML attributes (örn: <button onclick="alert('Hello world!')">) veya DOM element properties (örn: myEl.onclick = function(event){alert('Hello world');};) eski ve üzerinde kolayca yazılabilir.

HTML özniteliğiyapar gibi kaçınılmalıdır biçimlendirme daha büyük ve daha az okunabilir. İçerik/yapı ve davranış sorunları iyi ayrılmış, bir hata bulmak için daha zor hale.

Bu sorunÖğe özellikler DOMyöntem tek bir olay işleyicisi olay başına bir öğe bağlı olabilir.

Geleneksel olay hakkında daha fazla işleme ->http://www.quirksmode.org/js/events_tradmod.html

MDN Referans: https://developer.mozilla.org/en-US/docs/DOM/event

Bunu Paylaş: