// this e works
document.getElementById("p").oncontextmenu = function(e) {
    e = e || window.event;
    var target = e.target || e.srcElement;
    console.log(target);
};

// this e is undefined
function doSomething(e) {
    e = e || window.event;
    var target = e.target || e.srcElement;
    console.log(target);
}

<p id="p" onclick="doSomething(e)">
    <a href="#">foo</a>
    <span>bar</span>
</p>

Có một số câu hỏi tương tự đã được đặt ra.

Nhưng trong mã của tôi, tôi đang cố gắng lấy các phần tử con đã được nhấp, thích ahoặcspan .

Vậy đâu là cách chính xác để chuyển eventdưới dạng một đối số đến trình xử lý sự kiện hoặc làm thế nào để nhận sự kiện bên trong trình xử lý mà không truyền đối số?

biên tập

Tôi biết addEventListenervà jQueryvui lòng cung cấp giải pháp để chuyển sự kiện cho người xử lý inlinesự kiện.

để chuyển eventđối tượng:

<p id="p" onclick="doSomething(event)">

để có được đứa trẻ được nhấp element(nên được sử dụng với eventtham số:

function doSomething(e) {
    e = e || window.event;
    var target = e.target || e.srcElement;
    console.log(target);
}

để vượt qua elementchính nó (DOMElement):

<p id="p" onclick="doThing(this)">

xem ví dụ trực tiếp trên jsFiddle

Vì các sự kiện nội tuyến được thực thi dưới dạng hàm nên bạn có thể chỉ cần sử dụng các đối số .

<p id="p" onclick="doSomething.apply(this, arguments)">

và

function doSomething(e) {
  if (!e) e = window.event;
  // 'e' is the event.
  // 'this' is the P element
}

'Sự kiện' được đề cập trong câu trả lời được chấp nhận thực sự là tên của đối số được truyền cho hàm. Nó không liên quan gì đến sự kiện toàn cầu.

Bạn không cần phải vượt qua this, đã có eventđối tượng được truyền theo mặc định tự động, trong event.targetđó có đối tượng có đối tượng mà nó đến. Bạn có thể làm sáng cú pháp của mình:

Điều này:

<p onclick="doSomething()">

Sẽ làm việc với điều này:

function doSomething(){
  console.log(event);
  console.log(event.target);
}

Bạn không cần khởi tạo eventđối tượng, nó đã ở đó. Hãy thử nó ra. Và event.targetsẽ chứa toàn bộ đối tượng gọi nó, mà bạn đã gọi nó là "this" trước đây.

Bây giờ nếu bạn kích hoạt động doSomething () từ một nơi nào đó trong mã của bạn, bạn sẽ nhận thấy rằng đó eventlà không xác định. Điều này là do nó không được kích hoạt từ sự kiện nhấp chuột. Vì vậy, nếu bạn vẫn muốn kích hoạt sự kiện một cách giả tạo, chỉ cần sử dụng dispatchEvent:

document.getElementById('element').dispatchEvent(new CustomEvent("click", {'bubbles': true}));

Sau đó doSomething()sẽ thấy eventvà event.targetnhư thường lệ!

Không cần phải đi thiskhắp nơi và bạn có thể giữ cho chữ ký hàm của mình không bị dây thông tin và đơn giản hóa mọi thứ.