テキストエリアのみ右クリックを可能にさせる（Javascript）

Question

お世話になります。

Javascriptにて右クリックを全画面にて抑制しています。
しかし仕様変更の為、テキストエリア、テキストのみ右クリックを可能とさせる仕様へ変更しようとしております。
調査の結果、指定エリアのみidなどを取得し動作結果を得られる事はできましたが、全画面にてテキストのみを指定して右クリックを可能にさせるという方法がありません。
Javascriptのみでの方法で考慮しております。
ご教授のほど宜しくお願い致します。

Answer 1

event.target で element.tagName を判定すれば実装可能だと思いますが、右クリック禁止はユーザビリティが低下する実装なので食指が動きません。
コードは自分で書いてみてください。

• event - Web API インターフェイス | MDN
• element.tagName - Web API インターフェイス | MDN

テキストノード上で右クリックする状況を想定するなら、selectionchange イベントでテキスト選択を検出し、mouseover イベントでマウスカーソル位置を判定して下さい。

• selectionchange - Event reference | MDN

Re: kyasubaru さん

Comments

[Lhankor_Mhy]

その実装だと「テキストノードをクリックしたときのみ」というのは難しくないですか？　
firefox独自実装のevent.explicitOriginalTargetならできると思いますが……

[think49]

対象は input[type=text], textarea を想定していました。
event.target でテキストノード判定は確かに無理なんですが、例えば、<p>text</p> で右クリックした場合、対象が「p要素」なのか「"text" (テキストノード)」なのか判定する基準が明確でないのが気になります。
テキストノードを選択には通常「範囲選択してコピー」のような行為が発生するので selectionchange event と併用する形なら実装可能だと思います。
https://developer.mozilla.org/en-US/docs/Web/Events/selectionchange

[Lhankor_Mhy]

なるほど、分かりました。

> selectionchange event と併用する形
あー、document.activeElementを試してみてたんですが、そちらがありましたか。

Answer 2

無事に解決致しました。
御指導のほどありがとうございました。
機会ありましたら、御指南宜しくお願い致します。