Giả mạo "nhấp" để kích hoạt phương thức onclick

Question

Tôi có một phần tử với phương thức onclick.

Tôi muốn kích hoạt phương thức đó (hoặc: giả mạo nhấp chuột vào yếu tố này) trong một hàm khác.

Điều này có khả thi không?

Answer 1

Nếu bạn đang sử dụng JQuery bạn có thể làm:

$('#elementid').click(); 

Answer 2

Khi bạn đã chọn một yếu tố bạn có thể gọi vào()

document.getElementById('link').click(); 

see: https://developer.mozilla.org/En/DOM/Element.click

Tôi không nhớ nếu điều này hoạt động trên IE, nhưng nó cần. Tôi không có máy cửa sổ gần đó.

Answer 3

tôi đã không sử dụng jQuery, nhưng IIRC, phương pháp đầu tiên đề cập không kích hoạt các handler onclick.

Tôi sẽ gọi trực tiếp phương thức onclick được liên kết nếu bạn không sử dụng chi tiết sự kiện.

Answer 4

chỉ cần gọi "onclick"!

đây là một ví dụ html:

<div id="c" onclick="alert('hello')">Click me!</div> 
<div onclick="document.getElementById('c').onclick()">Fake click the previous link!</div> 

Answer 5

Đối với IE có fireEvent() phương pháp. Không biết nếu điều đó làm việc cho các trình duyệt khác.

Answer 6

@ Vilx-

Firefox sử dụng element.dispatchEvent.

Trang bao gồm mẫu simulateClick().

Answer 7

Đây là ví dụ hoàn hảo về nơi bạn nên sử dụng thư viện javascript như Prototype hoặc JQuery để trừu tượng hóa sự khác biệt giữa các trình duyệt.

Answer 8

Tôi có thể hiểu sai câu hỏi của bạn, nhưng, có, điều này là có thể. Cách mà tôi sẽ đi về làm việc đó là thế này:

var oElement = document.getElementById('elementId'); // get a reference to your element 
oElement.onclick = clickHandler; // assign its click function a function reference 

function clickHandler() { 
    // this function will be called whenever the element is clicked 
    // and can also be called from the context of other functions 
} 

Bây giờ, bất cứ khi nào yếu tố này được nhấp, mã trong clickHandler sẽ thực hiện. Tương tự, bạn có thể thực thi cùng một mã bằng cách gọi hàm từ bên trong ngữ cảnh của các hàm khác (hoặc thậm chí chỉ định clickHandler để xử lý sự kiện được kích hoạt bởi các phần tử khác)>

Answer 9

Bạn cũng có thể thử nhận thuộc tính onclick của phần tử và sau đó đi vào eval Điều này sẽ làm việc mặc dù điều cấm kỵ lớn hơn eval.Tôi đặt một mẫu dưới đây

eval(document.getElementById('elementId').getAttribute('onclick')); 

Answer 10

Nếu bạn đang sử dụng jQuery, bạn cần phải sử dụng .trigger chức năng, vì vậy nó sẽ là một cái gì đó như:

element.trigger('click'); 

http://api.jquery.com/trigger/

Answer 11

Sử dụng javascript bạn có thể kích hoạt click() và focus() như bên dưới ví dụ

document.addEventListener("click", function(e) { 
 
    console.log("Clicked On : ",e.toElement); 
 
},true); 
 
document.addEventListener('focus',function(e){ 
 
    console.log("Focused On : ",e.srcElement); 
 
},true); 
 

 
document.querySelector("#button_1").click(); 
 
document.querySelector("#input_1").focus();

<input type="button" value="test-button" id="button_1"> 
 
<input type="text" value="value 1" id="input_1"> 
 
<input type="text" value="value 2" id="input_2">