Chromeの拡張機能について（javascriptにより選択部分をpopupに表示したい）

こちら、Chromeの拡張機能を製作中です。

具体的には、ブラウザ上のどこでもいいので文字列を選択した状態で、例えばQキー（Keycode = 81）を押すと、その選択文字列がpopupの中の<span></span>の中に表示されるようなものを作りたいと思っています。

以下、javascriptです。

どこに問題があるのか、わかりません。
もしかして、javascriptによるpopup.htmlの直接操作は難しいのでしょうか？

ご回答よろしくお願いいたします。

Javascript
1document.onkeydown = function(e) {
2	if (!e)
3		e = window.event;
4	var key_code = e.keyCode;
5
6	if (key_code === 81) {
7		var a = window.getSelection().toString();
8		window.alert(a);　//これは正常に出ます。
9		$('span').text(a);　//これがうまくいかない。
10	}
11
12};

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4<meta charset="utf-8">
5<script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
6<script type="text/javascript" src="../js/main.js"></script>
7</head>
8<body>
9	<div style="width: 200px; background-color: blue;">
10
11		<span style="color: white;">fdsafdsafdsafs</span>
12
13	</div>
14</body>
15</html>
16
17

x_x

2019/12/25 05:01

問題が再現しませんでした。「ブラウザ上の」と言っているのは「popupの中の」と同義ですよね？

行動規範の内容に同意します

回答1件

あまりChrome Extensionには詳しくないので確かなことではないですが、popupのhtmlのDOMにアクセスできるのはpopup.htmlで読み込まれるjsだけだった気がします。逆にpopup.htmlから今開いているwindowのDOMを取得するのはできなかった(はず)なので、質問主さんが載せているJSがwindowのDOMにアクセスできているということは質問主さんの載せているJSはcontent_scriptsのjsだったりしませんか？(違っていたら恥ずかしいですが。。)

もしそうであればcontent_scriptsのjsで発火->選択しているTextを取得->popupjsにsendMessage->popupjsがMessageを受け取る->popupのDOMを書き換えるといった具合でいけるはずです。

もしそうでなければわかりません。。

投稿2019/12/20 10:31