JavaScriptでキーを送る方法

2023/10/17 21:25

このQ&Aのポイント

JavaScriptでキーを送る方法を知りたいです。
キーボードからではなく、自動的に任意のキーを押させたいと考えています。
検索をして試しましたが、IE8では動作しませんでした。IEでは無理なのでしょうか。

ベストアンサー

JavaScript でキーを送る

2010/01/21 18:44

JavaScript でキーを送るのはどうしたらいいのでしょうか。キーボードからではなく、自動的に任意のキーを押させたいのです。 // aキーのkeydownイベントを起こす var _e = document.createEvent("KeyboardEvent"); _e.initKeyEvent("keydown", true, true, null, false, false, false, false, 65, 0); document.getElementById("dummy").dispatchEvent(_e); いろいろ検索して上記のも試しましたが、ＩＥ８では動作が確認できませんでした。ＩＥじゃ無理なんでしょうか。

naru
お礼率76% (155/202)

JavaScript
回答数1
ありがとう数2

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

fujillin
ベストアンサー率61% (1594/2576)

2010/01/21 20:18 回答No.1

よくわかんないけど… どうせIEは独自仕様だろうと、少し調べてみました。どうやらこれらしい。（↓） http://msdn.microsoft.com/ja-jp/library/ms536423(en-us,VS.85).aspx 手元にIE6しかないので、IE6でのみ確認。 <html> <head><title>test</title> <script type="text/javascript"> function test(evt) { var e = evt.srcElement; alert(e.tagName + ' / ' + evt.keyCode); } function fire() { var obj = document.createEventObject(); obj.keyCode = 65; document.body.fireEvent("onkeydown", obj); } </script> </head> <body onkeydown="test(event)"> <input type="button" value="発生" onclick="fire()"> </body> </html> ＞キーボードからではなく、自動的に任意のキーを押させたいのです。でもkeydownそのものをシュミレートしなくてもよさそうな気もしますが…？（その結果のほうを実行/操作すればよさそう）

質問者

お礼 2010/01/22 10:21

ありがとうございますＩＥ８でも確認できました。

関連するQ&A

座標のみでクリックする方法
DOMで取得した要素ではなく、座標のみでクリックすることは可能でしょうか？フラッシュなどの、要素を取得できないサイトでクリックをさせたいと思っております。（私が知らないだけでフラッシュの要素が取り出せるかもしれませんが・・・）要素を指定するのに、座標を指定する引数がある意味がよくわかりません。下記の例だと■■■の記述方法が分かりませんでした。ご教授のほど宜しくお願い致します。 e = document.createEvent("MouseEvents"); e.initMouseEvent("click",true,true,window,1,0,0,0,0,false,false,false,false,0,null); ■■■.dispatchEvent(e);
- 締切済み
- JavaScript
JavaScriptの論理演算子について
JavaScriptの論理演算子について質問です。「alert(e.target||e.srcElement);」の結果がtrue かfalseではなくて「object HTMLHtmlElement」となるのは何故なのでしょうか？ JavaScriptでは"||"は論理演算子ではないのでしょうか？ ----------------------------------------------------------------------- <body> <a id="id1">Textarea</a> <script> (function () { 　 var i = document.getElementById ("id1"); 　 document.addEventListener("dblclick", addEL, false); 　 function addEL (e) { alert(e.target||e.srcElement); 　 } }) (); </script> </body>
- ベストアンサー
- JavaScript
JavaScriptでコンストラクタについて
現在、JavaScriptを勉強中なのですが、コンストラクタについて質問です。下記のようなコードの場合、document.getElementByIdで取得したID 以外、使いまわしが出来ませんが、コンストラクタを使って、１ページで複数使用出来るようにするには、どのように記述すれば良いのでしょうか？ //-----JavaScript----- function addEvent(elm,listener,fn){ try{ elm.addEventListener(listener,fn,false); }catch(e){ elm.attachEvent("on"+listener,fn); } } var c,y,m,d; addEvent(window,"load",function(){ c = document.getElementById("customer_birthday_c"); y = document.getElementById("customer_birthday_y"); m = document.getElementById("customer_birthday_m"); d = document.getElementById("customer_birthday_d"); if(c.options[0].selected == true){ y.disabled = true; m.disabled = true; d.disabled = true; } }); //-----JavaScript----- どなたかご教授ください。宜しくお願いいたします。
- ベストアンサー
- JavaScript
ネスケで文字化けするjavascript
下記はenterキーを押した時に次のテキストボックスなどにフォーカスを移動するjavascriptです。しかし、ネスケだとテキストボックスに入力した文字が文字化けしてしまいます。 
- ベストアンサー
- JavaScript
jsでキーボード入力は同時にできますか？
let EEvent = new KeyboardEvent( "keydown", { keyCode: 40 }); let CEvent = new KeyboardEvent( "keydown", { keyCode: 17 }); document.dispatchEvent( EEvent ); completion(); これだと片方しか発生させられないのですが同時に入力判定を出すスクリプトはありますか？
- ベストアンサー
- JavaScript
javascriptで困っています
スマホでタッチした場所の座標を取得しようとしているのですが、いろいろ調べて以下のように作ってみましたが、座標が取得できません。どこを直せばいいのか、教えていただきたく投稿させていただきました。よろしくお願いします。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"/> <meta name="viewport" content="width=320, user-scalable=no" /> <script type="text/javascript" charset="utf-8"> var touch_box = document.getElementById("box"); touch_box.addEventListener("touchstart", function(e){ document.getElementById("txt0").innerHTML = "スタート"; document.getElementById("txt1").innerHTML = e.pageX; document.getElementById("txt2").innerHTML = e.pageY; }, false); touch_box.addEventListener("touchmove", function(e){ document.getElementById("txt0").innerHTML = "ムーブ"; document.getElementById("txt1").innerHTML = e.pageX; document.getElementById("txt2").innerHTML = e.pageY; }, false); touch_box.addEventListener("touchend", function(e){ document.getElementById("txt0").innerHTML = "エンド"; document.getElementById("txt1").innerHTML = e.pageX; document.getElementById("txt2").innerHTML = e.pageY; }, false); </script> </head> <body> <div id="box"> <span id="txt0"></span><br /> X:<span id="txt1"></span>, Y:<span id="txt2"></span><br /> </div> </body> </html>
- ベストアンサー
- JavaScript
JavaScriptの記述が長い
ホームページビルダー11でJavaScriptものの記述がとても長くなっています。HPBが、ホームページビルダーの略だとは思われますが、この中で削除しても影響のない記述はありますでしょうか？多少でもサイトの読み込み速度を早くしたいと考えています。宜しくお願いいたします。 /////////////////////////////////////////////////////////// <SCRIPT language="JavaScript">  </SCRIPT>
- 締切済み
- JavaScript
chrome拡張 javascript
現在javascriptでGoogleChromeの拡張を開発中です。サイトにアクセスした際「http://abc.com/（ワイルドカード）3」があればクリックしたいと思います。ローカルでは動きましたが、実際のサイトで試してみるとうまくいきません。 DOMの読み込みのタイミングかと思いましたが、それも違っていたようで、正規表現の部分が少し怪しいです。 chromeの拡張のmanifestのrun_atはデフォルトです。 javascriptの記述が悪いのか、chromeの仕様なのか、サイトが対応できないのか、ご教授頂ければ幸いです。宜しくお願い致します。 <html> <head> </head> <body> <a href="http://abc.com/">abc</a> <a href="http://abc.com/?a=1&b=2&c=3">abc</a> <script type="text/javascript"> targetClick("http://abc.com/*3"); function targetClick(targetURL){ splitURL = targetURL.split("*"); xLink = document.getElementsByTagName("a"); for (i = 0; i < xLink.length; i++) { xHref = xLink[i].getAttribute("href"); if (xHref.match(new RegExp("^" + splitURL[0])) != null) { if (xHref.match(new RegExp(splitURL[1] + "$")) != null) { xClick = document.createEvent("MouseEvents"); xClick.initMouseEvent("click",true,true,window,1,0,0,0,0,false,false,false,false,0,null); xLink[i].dispatchEvent(xClick); } } } } </script> </body> </html>
- ベストアンサー
- JavaScript
JavaScriptでループできない
let target = document.getElementById('create_new_user'); let name = document.getElementById('i_new_uname'); let pass = document.getElementById('i_new_passwd'); let pass2 = document.getElementById('i_new_passwd2'); let sakusei = document.getElementById('b_create_user'); let a = new Event('mousedown'); let e = new Event('mouseup'); for (let step = 0; step < 10; step++) { target.dispatchEvent(a); target.dispatchEvent(e); name.value = 'らき⭐︎すた' + Math.random(); pass.value = 'bbbb2' pass2.value = 'bbbb2' sakusei.dispatchEvent(a); sakusei.dispatchEvent(e); } これでループしても一回しか繰り返えされません。なぜでしょうか？ちなみにforの処理の中に他の処理も混ぜたら他の処理はちゃんと動きました。なぜこれだけ一回しかできないのでしょうか？
- ベストアンサー
- JavaScript
javascriptで編集可能不可能の切り替え
いつもお世話になっております。 javascriptを用いて、テキストボックスを状況によって編集可能、不可能を変更するものを作っております。現在、テキストボックス単品ではその動作が可能となっていますが、複数のものに対してその動作を行うには、どうすればよいかわからず困っています。現在のソースは以下のようになっています。必要な部分だけ抜き出しています。 <script type="text/javascript"> function display() { var tmp = prompt("password?",""); //表示させるかどうか判別する if (tmp == 1) { document.getElementById("textboxのID").readOnly = false; } else if (tmp == 2) { document.getElementById("textboxのID").readOnly = true; } } </script> <body onload="display();"> ・・・・ </body> テキストが一つや二つ程度ならこれでも十分ですが、今回はテキストボックスが多数(100程度)あるので、このまま地道にやるのはどうかと思いました。 IDを数字にして、 for (var i = 0; i < 100; i++) { document.getElementById(i).readOnly = true; } とやってみましたが、これもdocument.getElementById("0") = true;単品では成功しましたが、iが定義されていないというようなエラーメッセージが表示されて、うまくいきませんでした。以上の件を、ご教授お願いします。
- ベストアンサー
- JavaScript