今日、JSの右マウスボタンを録音し、最初にその実装原則を分解しましょう。
1.右クリックのデフォルトイベントをブロックします。 （私が変更したものはデフォルトのイベントだと思いました）
2。ULから隠れています。 （私はかつてこれがdiv、汗にふさわしいと思っていました）
3。マウスの右クリックへの応答と隠されたULを表示します。
4。マウスが再びクリックされた後、ULは再び隠されます
この観点から、やるのはずっと簡単ですか？まず、コードを入れます。
HTMLパーツ
<ul id = "testright"> <li> <a href = "＃"> start </a> </li> <li> <a href = "＃">一時</a> </li> <li> <a href = "＃">礼拝</a> </li> </ul>
JavaScriptパート：
window.onload = function（）{var forright = document.getElementById（ "testright"）; //オブジェクトを取得します。 var title = forright.getelementsbytagname（ "li"）; for（var i = 0; i <title.length; i ++）{title [i] .onmouseover = function（）{this.classname = "Active"; //実際には、ここで他のイベントを呼び出すこともできます}; title [i] .onmouseout = function（）{//これは、マウスの2つのイベントでもあります。 }; } document.oncontextmenu = function（event）{//これは実装の重要なポイントvar event = event || window.event; //これは問題ではありません。style.display= "block"; forright.style.left = event.clientx+"px"; forright.style.top = event.clienty+"px"; //マウス座標はfalseを返します; document.onclick = function（）{//それは、より鮮明にright.style.display = "none"; }; };まず、今日のレコードの最も重要な部分を見てみましょう。Document.onContextMenuイベントがFalseを返す場合、デフォルトのイベントをブロックすることです。他に何も書かない場合、このイベントでは、次のように返品を書くだけです
document.oncontextmenu = function（）{return false; }このようにして、右クリックすると応答が表示されません。その後、戻ってイベントアプリケーション全体を見てください。このイベントを除いて、残りはより馴染みのあるイベントですが、この種のイベントの統合は常に欠けています。重要なのは、創造性について考えることです。しかし、どこに多すぎても、最初にやりましょう。しかし、私は3000の詩を注意深く読みたいと思っています。馬のスタンス、馬の姿勢、馬の姿勢...