Mô phỏng nhấp chuột trong jQuery/JavaScript trên liên kết

Question

Tôi muốn mô phỏng nhấp chuột vào bất kỳ liên kết nào trên trang bằng JavaScript. Nếu liên kết đó có một số hàm liên kết với sự kiện 'onclick' (bởi bất kỳ JS nào khác mà tôi không có quyền kiểm soát), thì hàm đó phải được gọi nếu không thì liên kết sẽ hoạt động bình thường và mở một trang mới.

Tôi không chắc chắn rằng việc kiểm tra giá trị của trình xử lý 'onclick' sẽ đủ. Tôi muốn xây dựng nó để nó hoạt động trên bất kỳ phần tử liên kết nào.

Tôi không thể kiểm soát chức năng nào có thể liên kết với sự kiện onclick của liên kết bằng cách sử dụng thư viện JS nào (không nhất thiết là jQuery) hoặc đơn giản bằng cách sử dụng JavaScript.

EDIT: Với sự trợ giúp của các câu trả lời bên dưới, có vẻ như bạn có thể kiểm tra trình xử lý sự kiện được đính kèm bằng jQuery hoặc sử dụng thuộc tính onclick. Làm cách nào để tôi kiểm tra trình xử lý sự kiện được đính kèm bằng cách sử dụng addEventListener/bất kỳ thư viện JS nào khác để thư viện đó dễ sử dụng?

Answer 1

Bạn có thể sử dụng chức năng click để kích hoạt sự kiện nhấp chuột trên phần tử đã chọn.

Ví dụ:

$('selector for your link').click(); 

Bạn có thể tìm hiểu về bộ chọn khác nhau trong jQuery documentation.

CHỈNH SỬA: như những người bình luận bên dưới đã nói; điều này chỉ hoạt động trên các sự kiện được đính kèm với jQuery, nội tuyến hoặc theo kiểu "element.onclick". Nó không hoạt động với addEventListener, và nó sẽ không đi theo liên kết nếu không có trình xử lý sự kiện nào được định nghĩa. Bạn có thể giải quyết vấn đề này với một cái gì đó như thế này:

var linkEl = $('link selector'); 
if (linkEl.attr ('onclick') === undefined) { 
    document.location = linkEl.attr ('href'); 
} else { 
    linkEl.click(); 
} 

Không biết về addEventListener.

Answer 2

Dễ dàng! Chỉ cần sử dụng click chức năng của jQuery:

$("#theElement").click(); 

Answer 3

Lúc đầu thấy question này để xem làm thế nào bạn có thể tìm thấy nếu một liên kết có một handler jQuery được gán cho nó.

sử dụng tiếp theo:

$("a").attr("onclick") 

để xem nếu có một sự kiện javascript gán cho nó.

Nếu bất kỳ điều nào ở trên là đúng, thì hãy gọi phương thức nhấp. Nếu không, hãy liên kết:

$("a").attr("href") 

và làm theo.

Tôi sợ tôi không biết phải làm gì nếu addEventListener được sử dụng để thêm trình xử lý sự kiện. Nếu bạn chịu trách nhiệm về toàn bộ nguồn trang, chỉ sử dụng các trình xử lý sự kiện jQuery.

Answer 4

Chỉ

$("#your_item").trigger("click"); 

sử dụng .trigger(), bạn có thể mô phỏng nhiều loại sự kiện, chỉ cần đi qua nó như là tham số.

Answer 5

Tất cả điều này có thể không giúp ích khi bạn sử dụng nút biểu mẫu từ xa đường ray để mô phỏng nhấp chuột. Tôi đã cố gắng để mô phỏng sự kiện mô phỏng tốt đẹp từ nguyên mẫu ở đây: my snippets. Chỉ cần làm điều đó và nó làm việc cho tôi.

Answer 6

Hãy thử điều này

function submitRequest(buttonId) { 
    if (document.getElementById(buttonId) == null 
      || document.getElementById(buttonId) == undefined) { 
     return; 
    } 
    if (document.getElementById(buttonId).dispatchEvent) { 
     var e = document.createEvent("MouseEvents"); 
     e.initEvent("click", true, true); 
     document.getElementById(buttonId).dispatchEvent(e); 
    } else { 
     document.getElementById(buttonId).click(); 
    } 
} 

và bạn có thể sử dụng nó như

submitRequest("target-element-id"); 

Answer 7

Tại sao không chỉ là ol tốt' javascript?

$('#element')[0].click()