Neden VEYA işlemi "||" yapamıyor Bu JavaScript kodunda üçlü operatör "?:" yerine?

Question

Aşağıdaki kod bir tarayıcıda çalışır:

var event = event || window.event; 
var eTarget = event.target || event.srcElement; 
var eTargetId = eTarget.id; 

Ben

var eTargetId = event.target ? event.target.id : event.srcElement.id; 

çalıştığını onu değiştirdiğinizde de.

Ben

var eTargetId = event.target.id || event.srcElement.id; 

kodunu değiştirmek zaman IE 678. çalışmıyor aşağıdaki hatayı alıyorum:

SCRIPT5007:Object expected.

neden oluyor?

Answer 1

Eğer taban değeri gerçekten bir nesne, boş olmayan işaretli değil eğer bir özellik okumaya çalışmayın. bir kimliğe sahip değil olay hedefi için mümkünse

Genellikle tek

var eTargetId = event.target && event.target.id 
       || event.srcElement && event.srcElement.id 
       || ""; 

Answer 2

Bu büyük olasılıkla, event.target sıfır olduğundan, ancak event değil. İlk iki denemeniz, event.target boşsa, daha fazla değerlendirmeyi önlemek için kısa devre kullanır.

Answer 3

event, event.target ve event.srElement değerlendirin ilk

var eTargetId = ((event = event || window.event) 
       && (eTargetId = event.target || event.srcElement) 
       && eTargetId["id"]) || void 0;