Làm cách nào để mô phỏng nhấp chuột bằng cách sử dụng tọa độ x, y trong JavaScript?

Question

Có thể sử dụng các tọa độ đã cho để mô phỏng một cú nhấp chuột trong JavaScript trong một trang web không?

Answer 1

Bạn có thể gửi nhấp vào sự kiện, mặc dù điều này không giống như nhấp chuột thực. Ví dụ, nó không thể được sử dụng để lừa một tài liệu iframe tên miền chéo vào suy nghĩ nó được nhấp vào.

Tất cả các trình duyệt hiện đại đều hỗ trợ document.elementFromPoint và HTMLElement.prototype.click(), vì ít nhất là IE 6, Firefox 5, bất kỳ phiên bản Chrome nào và có thể là bất kỳ phiên bản Safari nào mà bạn có thể quan tâm. Nó thậm chí sẽ theo các liên kết và nộp tờ:

document.elementFromPoint(x, y).click(); 

https://developer.mozilla.org/En/DOM:document.elementFromPoint https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/click

Answer 2

Vì lý do bảo mật, bạn không thể di chuyển con trỏ chuột bằng javascript hoặc cũng không mô phỏng nhấp chuột với nó.

Điều gì mà bạn đang cố gắng thực hiện?

Answer 3

Có, bạn có thể mô phỏng một click chuột bằng cách tạo ra một sự kiện và cử nó:

function click(x,y){ 
    var ev = document.createEvent("MouseEvent"); 
    var el = document.elementFromPoint(x,y); 
    ev.initMouseEvent(
     "click", 
     true /* bubble */, true /* cancelable */, 
     window, null, 
     x, y, 0, 0, /* coordinates */ 
     false, false, false, false, /* modifier keys */ 
     0 /*left*/, null 
    ); 
    el.dispatchEvent(ev); 
} 

Cẩn thận khi sử dụng click phương pháp trên một phần tử - nó được triển khai rộng rãi nhưng không chuẩn và sẽ thất bại trong ví dụ PhantomJS. Tôi cho rằng việc triển khai của jQuery là .click() thực hiện điều đúng nhưng chưa được xác nhận.

Answer 4

Đây chỉ là torazaburo's answer, được cập nhật để sử dụng đối tượng MouseEvent.

function click(x, y) 
{ 
    var ev = new MouseEvent('click', { 
     'view': window, 
     'bubbles': true, 
     'cancelable': true, 
     'screenX': x, 
     'screenY': y 
    }); 

    var el = document.elementFromPoint(x, y); 

    el.dispatchEvent(ev); 
}