IE e.target.id không hoạt động

Question

document.click = check; 

function check(e) 
{ 
    var obj = document.getElementById('calendar_widget'); 

    if (obj != 'null') 
    { 
     if (e.target.id != 'show_calender') 
      obj.style.display='none'; 
    } 
} 

Lỗi trong Internet Explorer: e.target.id không được xác định.

Answer 1

IE không hỗ trợ thuộc tính đích, thay vào đó, họ sử dụng srcElement.

Thay đổi:

if (e.target.id != 'show_calender') 

tới:

if ((e.target || e.srcElement).id != 'show_calender') 

Bạn cũng có thể cần phải thêm video này vào đầu chức năng của bạn:

if (!e) e = window.event 

mã cuối cùng của bạn sẽ trông như thế này :

function check(e) { 
    if (!e) e = window.event; 
    var obj = document.getElementById('calendar_widget'); 

    if (obj != 'null') { 
     if ((e.target || e.srcElement).id != 'show_calender') 
       obj.style.display='none'; 
    } 
} 

Answer 2

IE không chuyển đối tượng sự kiện dưới dạng tham số, đối tượng sự kiện được truy cập dưới dạng số nhận dạng chung được gọi là event. Ngoài ra, nó không sử dụng mục tiêu thuật ngữ, thay vào đó nó sử dụng srcElement.

Do đó các mã tương đương cho IE là: -

function check() 
{ 

    var obj = document.getElementById('calendar_widget'); 

    if (obj != 'null') 
    { 
     if (event.srcElement.id != 'show_calender') 
      obj.style.display='none'; 
    } 
} 

của nó vì lý do này mà javascript framework như JQuery rất phổ biến.

Answer 3

Bạn đã gặp sự cố cổ điển khi xử lý sự cố trình duyệt chéo. Tôi khuyên bạn nên sử dụng thư viện như Prototype, JQuery, YUI hoặc MooTools để xử lý việc này theo cách dễ dàng hơn và dễ hiểu hơn. Vấn đề là IE không vượt qua đối tượng sự kiện. Thay vào đó, nó có thể được tìm thấy như một đối tượng toàn cục.

Answer 4

Internet Explorer không chuyển đối tượng sự kiện đến trình xử lý sự kiện - nó đặt nó làm thuộc tính của đối tượng cửa sổ thay thế. Ngoài ra, nó sử dụng srcElement thay vì target. Hãy thử

document.click = check; 

function check(e) 
{ 
    var target = e ? e.target : window.event.srcElement; 
    var obj = document.getElementById('calendar_widget'); 

    if (obj != 'null') 
    { 
     if (target.id != 'show_calender') 
       obj.style.display='none'; 
    } 
}