teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

コンソール用のコードを追加

2017/10/31 23:39

投稿

defghi1977
defghi1977

スコア4756

answer CHANGED
@@ -13,7 +13,7 @@
13
13
  上の②と同様です.
14
14
 
15
15
  ---
16
- 下記に`script`要素を用いた例を示しますが, コンソールから実行する場合も同様でしょう.
16
+ 下記に`script`要素を用いた例を示します.
17
17
 
18
18
  ```HTML
19
19
  <input type="button" value="自動クリック" id="btn"/>
@@ -32,7 +32,19 @@
32
32
  };
33
33
  </script>
34
34
  ```
35
+ コンソールで実行する場合は, 下記のコードを(編集した後)コンソールにコピーペーストして実行してみて下さい.
36
+ ```JavaScript
37
+ {
38
+ const x = 15, y = 15;
39
+ const elem = document.elementFromPoint(x, y);
40
+ elem.dispatchEvent(new MouseEvent("click", {
41
+ clientX: x,
42
+ clientY: y
43
+ }));
44
+ }
45
+ ```
35
46
 
47
+
36
48
  参考)
37
49
  [https://developer.mozilla.org/ja/docs/Web/API/Document/elementFromPoint](https://developer.mozilla.org/ja/docs/Web/API/Document/elementFromPoint)
38
50
  [https://developer.mozilla.org/ja/docs/Web/Guide/Events/Creating_and_triggering_events](https://developer.mozilla.org/ja/docs/Web/Guide/Events/Creating_and_triggering_events)