javascriptを使用してマウスの動きと共にマウスの動きをシミュレートする方法

Question

jsファイルのelement.click（）を使用してマウスクリック操作のシミュレーションを使用していますが、マウスカーソルは正しい要素で他のアクションが実行されていますマウスのクリックをシミュレートしている間に要素上にマウスカーソルを置いてください。誰でもJavaScriptコードを使用していると知っています。

Answer 1

セキュリティ上の影響があるため、javascriptを使用してmousepointerを移動することはできません。

Answer 2

ブラウザでマウスカーソルの位置を変更することはできません。 thisを参照してください。

しかし、javascript click()メソッドを使用すると、クリックイベントをシミュレートできます。この作業を行うには、elementFromPoint()を使用してクリック位置を選択する必要があります。私の下の例では、最初のボタンをクリックすると、javascriptは2番目のボタンのクリックをシミュレートします。

var first = document.getElementById("first"); 
 
var second = document.getElementById("second"); 
 

 
first.addEventListener("click", function(){ 
 
    var xPos = second.offsetLeft; 
 
    var yPos = second.offsetHeight; 
 
    document.elementFromPoint(xPos, yPos).click(); 
 
}); 
 

 
second.addEventListener("click", function(){ 
 
    alert("Second button clicked!"); 
 
});

<button id="first">First</button> 
 
<button id="second">Second</button>