Làm thế nào để tôi lập trình bấm vào một phần tử trong JavaScript?

Question

Trong IE, tôi chỉ có thể gọi element.click() từ JavaScript - làm cách nào để thực hiện cùng một tác vụ trong Firefox? Lý tưởng nhất là tôi muốn có một số JavaScript có thể hoạt động tốt như nhau, nhưng nếu cần, tôi sẽ có JavaScript cho mỗi trình duyệt khác nhau cho điều này.

Answer 1

Các document.createEvent documentation nói rằng "Các createEvent phương pháp bị phản Sử dụng event constructors thay.."

Vì vậy, bạn nên sử dụng phương pháp này để thay thế:

var clickEvent = new MouseEvent("click", { 
    "view": window, 
    "bubbles": true, 
    "cancelable": false 
}); 

và bắn nó vào một yếu tố như này:

element.dispatchEvent(clickEvent); 

như được hiển thị here.

Answer 2

Sử dụng jQuery bạn có thể thực hiện chính xác những điều tương tự, ví dụ:

$("a").click(); 

Mà sẽ "nhấn" tất cả các neo trên trang.

Answer 3

phần tử.click() là phương pháp chuẩn được vạch ra bởi W3C DOM specification. Mozilla's Gecko/Firefox follows the standard và chỉ cho phép phương thức này được gọi trên các phần tử INPUT.

Answer 4

Bạn đang cố gắng thực sự theo liên kết hoặc kích hoạt onclick? Bạn có thể kích hoạt một onclick với một cái gì đó như thế này:

var link = document.getElementById(linkId); 
link.onclick.call(link); 

Answer 5

Dưới đây là một chức năng làm việc của trình duyệt chéo (có thể sử dụng cho khác hơn là xử lý nhấp chuột quá):

function eventFire(el, etype){ 
    if (el.fireEvent) { 
     el.fireEvent('on' + etype); 
    } else { 
     var evObj = document.createEvent('Events'); 
     evObj.initEvent(etype, true, false); 
     el.dispatchEvent(evObj); 
    } 
} 

Answer 6

Đối với liên kết firefox dường như là "đặc biệt". Cách duy nhất tôi có thể làm việc này là sử dụng createEvent described here on MDN và gọi hàm initMouseEvent. Thậm chí điều đó không làm việc hoàn toàn, tôi đã tự nói lên trình duyệt để mở một liên kết ...

var theEvent = document.createEvent("MouseEvent"); 
theEvent.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); 
var element = document.getElementById('link'); 
element.dispatchEvent(theEvent); 

while (element) 
{ 
    if (element.tagName == "A" && element.href != "") 
    { 
     if (element.target == "_blank") { window.open(element.href, element.target); } 
     else { document.location = element.href; } 
     element = null; 
    } 
    else 
    { 
     element = element.parentElement; 
    } 
} 

Answer 7

tôi đã sử dụng chức năng KooiInc của liệt kê ở trên nhưng tôi đã phải sử dụng hai loại đầu vào khác nhau một 'nút' cho IE và một 'gửi' cho FireFox. Tôi không chắc chắn lý do tại sao nhưng nó hoạt động.

// HTML

<input type="button" id="btnEmailHidden" style="display:none" /> 
<input type="submit" id="btnEmailHidden2" style="display:none" /> 

// trong JavaScript

var hiddenBtn = document.getElementById("btnEmailHidden"); 

if (hiddenBtn.fireEvent) { 
    hiddenBtn.fireEvent('onclick'); 
    hiddenBtn[eType](); 
} 
else { 
    // dispatch for firefox + others 
    var evObj = document.createEvent('MouseEvent'); 
    evObj.initEvent(eType, true, true); 
    var hiddenBtn2 = document.getElementById("btnEmailHidden2"); 
    hiddenBtn2.dispatchEvent(evObj); 
} 

tôi đã tìm kiếm và cố gắng nhiều lời đề nghị nhưng đây là những gì đã kết thúc làm việc. Nếu tôi có thêm thời gian, tôi có thể muốn điều tra lý do tại sao gửi làm việc với FF và nút với IE nhưng đó sẽ là một sự sang trọng ngay bây giờ để tiếp tục vấn đề tiếp theo.