リンクをclickをするとCtr+Dを押す動作を実装 JavascriptかjQuery

Question

$('#myEvent').click(function(e) {
 var event = jQuery.Event("keydown");
 event.keyCode = 68; // d
 event.ctrlKey = true;//ctr
 $(document).trigger(event);
});

リンクをclickをするとCtr+Dを押す動作を実装したいです（Ctr+Dをキーボードで押すのではなく）

上記のコードは動きません。どうすればよろしいのでしょうか

回答ありがとうございました。
皆様がおっしゃるように、キーボードのキーを”押す”という実装はできないようであるため、alertでctr+Dを押してくれと、ユーザーに促すコードにしました。
ご協力ありがとうございました。

Comments

[m.ts10806]

結局どのように解決されたのでしょうか？ https://teratail.com/help/question-tips#questionTips4-2 > あなたがどのアドバイスを元に、どのように解決できたのかをお礼とともに伝えましょう。

Answer 1

jQuery#trigger

jQuery#trigger は任意のイベントを発生させますが、デフォルト動作を伴いません。
つまり、[Ctrl] + [C] のkeyupイベントを発生させても、クリップボードにコピーしませんし、[Alt] + [F4] でウィンドウを閉じません。

※デフォルト動作を伴う仕様にしなかったのは、セキュリティ上の理由も勿論ありますが、次の問題も考えられます。

• ショートカットキーがカスタマイズされていたなら、意図しない機能が呼び出される可能性がある
• ブラウザによって、ショートカットキーが異なる

dispatchEvent()

dispatchEvent() も同様にデフォルト動作を伴いません。
なお、dispatchEvent() と jQuery#trigger には互換性がないので、dispatchEvent() したイベントを jQuery#on で捕捉する事が出来ず、jjQuery#trigger したイベントを addEventListener で捕捉出来ません。
https://developer.mozilla.org/ja/docs/Web/API/EventTarget/dispatchEvent

Re: kazu25 さん

Answer 2

KeyCodeは「読み取り専用のプロパティ」であるため、任意の値はセットできません。

• KeyboardEvent.keyCode

The KeyboardEvent.keyCode read-only property represents a system and implementation dependent numerical code identifying the unmodified value of the pressed key. This is usually the decimal ASCII (RFC 20) or Windows 1252 code corresponding to the key. If the key can't be identified, this value is 0.

他の言語でも「get」のみが用意されています。

押されたキーの情報は取得できても任意のキーを押させることはできません。
JavaScriptが制御できるのはあくまでブラウザ内のHTMLのみと考えてください。

そのCtrl+Dによって何をしたいかで、代替案を考える必要があると思います。

Comments

[kazu25]

ページ上にbookmark登録ボタンを作ってそれをクリッし、ポップアップウィンドウとして表示させたい（bookmark登録の際にnameのフィールドをtitleタグの中身とは違うものをこちら側で指定したいため）のですが、chromeはそれに対応していない（IEではできました）とのことで、、、、どうしようか考えた際に、自分で作ったそのbookmarkボタンをクリックした際に、ifの条件文で、ブラウザがchromeの場合は”Ctr+D”を実行させればよいのではないかと考えて、今、それを実装しようとしております。

[m.ts10806]

それは要件として必要なので本来質問本文に追記していただきたいところなのですが、セキュリティ上の問題で仕様上プログラム側からはできなくなっているものと思われます。
やろうと思えばユーザーの意思と関係なく自動で勝手に不正なサイトを登録させられてしまいますよね？ChromeではCtrl＋Dを押した瞬間にブックマークに追加されますから。
「ブックマークに登録」はあくまでユーザーの意思によって行われるものということです。「ブックマーク登録」とボタンに書いてあっても本当にそうなっているかどうかは押すか、イベント解析しないとわかりませんから。
※IEではその辺緩いというか緩すぎるというか・・・。まあIEですから。

あとすでに書きましたようにJavaScriptはあくまでブラウザ内のHTMLを操作するものです。利用している端末のキーボード操作はできません。
「キーボードを押す」自体はユーザ操作として「押したキー」はイベントとして取得できるようにはなっていますが。
これもプログラム側から操作できてしまうと悪いことが幾らでもできてしまいます。もちろん質問者さんにそのような悪用の意図がないことは百も承知です。

下記のサイトのように「Chromeの場合はCtrl+Dを押してください」とメッセージを表示するのが限界ですね。
http://pentan.info/javascript/bookmark_link.html