Javascript: Tìm hiểu yếu tố nào đã được nhấp mà không đính kèm bất kỳ trình xử lý sự kiện nào vào nó?

Tôi đang bối rối khi tìm cách tiếp cận để giải quyết vấn đề này. Hãy xem xét bên dưới htmlJavascript: Tìm hiểu yếu tố nào đã được nhấp mà không đính kèm bất kỳ trình xử lý sự kiện nào vào nó?

<body> 
    <div id="parent" onclick="myFunc"> 
    <div id="child-a"></div> 
    <div id="child-b"></div> 
    <div id="child-c"></div> 
    <div id="child-d"></div> 
    <div id="child-e"></div> 
    </div> 
</body>

Trình xử lý sự kiện được đính kèm với phần tử gốc. Nếu người dùng nhấp vào cho phép nói 'child-c', có cách nào để tìm hiểu bằng cách sử dụng "myFunc" mà div được nhấp vào không? Trong trường hợp này là 'child-c'. Bất kỳ giải pháp có thể sử dụng JS hoặc jQuery tinh khiết?

Hãy cho tôi biết nếu cần thêm giải thích. Cảm ơn vì sự giúp đỡ.

-Nishant

Nguồn

2011-08-20 nishant limbachiya

Có, bạn có thể kiểm tra target tài sản đó sẽ chỉ ra các yếu tố đó được nhấp của sự kiện. Bạn có thể đọc thêm về thuộc tính sự kiện here.

Nguồn

2011-08-20 06:49:28 jtbandes

$("#parent").click(function(e){ 
    console.log(e.target); 
});

Demo: http://jsfiddle.net/4bC6K/

Nguồn

2011-08-20 06:49:49 Dogbert

Có, sử dụng target:

function(e){ 
    // e.target is the clicked div 
}

Ví dụ: http://jsfiddle.net/Paulpro/AfA4t/

Nguồn

2011-08-20 06:51:11 Paulpro

Cảm ơn, các công trình lớn. Tôi không có danh tiếng để 'trả lời' ur. :( –

Javascript: Tìm hiểu yếu tố nào đã được nhấp mà không đính kèm bất kỳ trình xử lý sự kiện nào vào nó?

Trả lời

Các vấn đề liên quan