質問編集履歴

3

dispatchEventについてヒントをいただき試した事

2021/01/05 15:42

投稿

neji-thon
neji-thon

スコア7

test CHANGED
File without changes
test CHANGED
@@ -66,7 +66,7 @@
66
66
 
67
67
 
68
68
 
69
- 試した事
69
+ dispatchEventについてヒントをいただき、試した事
70
70
 
71
71
  ```Javascript
72
72
 

2

dispatchEventのヒントをいただき試したことを追記しmasu.

2021/01/05 15:42

投稿

neji-thon
neji-thon

スコア7

test CHANGED
File without changes
test CHANGED
@@ -63,3 +63,23 @@
63
63
  お手数ですが、ご教示いただけますと幸いです。
64
64
 
65
65
  よろしくお願いします。
66
+
67
+
68
+
69
+ 試した事
70
+
71
+ ```Javascript
72
+
73
+ var hoge = document.querySelector("#_headerSearch > div > div > input[type=text]")
74
+
75
+ ```
76
+
77
+ ```Javascript
78
+
79
+ hoge.dispatchEvent(new Event('blur'));
80
+
81
+ hoge.dispatchEvent(new Event("input", {"bubbles": !0}));
82
+
83
+ hoge.dispatchEvent(new KeyboardEvent("keyup",{key: "a" }));
84
+
85
+ ```

1

HTMLソースを少し増やしました。

2021/01/05 15:41

投稿

neji-thon
neji-thon

スコア7

test CHANGED
File without changes
test CHANGED
@@ -20,7 +20,21 @@
20
20
 
21
21
  ```HTML
22
22
 
23
+ <div class="sc-fxMfqs eKhNyu">
24
+
25
+ <span class="sc-eIvgmF ivIAwz" style="display: inline;">
26
+
27
+ <span class="sc-bdVaJa vKQHu">
28
+
29
+ <svg viewBox="0 0 10 10" width="16" height="16" class="sc-bkypNX kHhnYU sc-bwzfXH jhCIfQ" aria-hidden="true">
30
+
31
+ <use fill-rule="evenodd" xlink:href="#icon_search"></use>
32
+
33
+ </svg></span></span>
34
+
23
- <span class="sc-jklikK koCLIz">"test"でメッセージを検索</span>
35
+ <span class="sc-jklikK koCLIz">"test"でメッセージを検索</span>
36
+
37
+ </div>
24
38
 
25
39
  ```
26
40