1。右のマウスボタンメニューを禁止します:
適切なマウスボタンを禁止する方法は2つあります
1. HTML要素のボディタグにJavaScriptイベントハンドルを追加すると、コードは次のとおりです。
コードコピーは次のとおりです。
<body oncontextmenu = "return false">
注:Webページの指定された場所で右クリックを禁止することもできます。たとえば、ダウンロードを防ぐためにWebページの特定の画像を右クリックすることのみを禁止するか、Webページのテキストまたはテーブルの段落を右クリックすることのみを禁止するだけです。上記の赤いコードを対応するHTMLタグ要素に追加するだけでいいのです。たとえば、:
コードコピーは次のとおりです。
<img src = "logo.gif" width = 88 height = 31 oncontextmenu = "return false">
<! - 写真に追加 - >
<table oncontextmenu = "return false">
<! - テーブルに追加されました - >
<font oncontextmenu = "return false">テキストコンテンツ</font>
<! - テキストに追加 - >
2。JavaScript関数を書き、イベント処理を呼び出します。コードは次のとおりです。
コードコピーは次のとおりです。
<スクリプト言語= javascript>
<! -
document.oncontextmenu = mylock1;
機能mylock1(){
event.returnValue = false;
}
//->
</script>
注:コードケースに注意してください! WebページのHTMLソースコードの<head>と</head>の間に上記のコードをコピーするだけです。
Webページ要素で指定されたタグを右クリックする場合は、ドキュメントを対応するWebページオブジェクトタグ名に変更するだけです。
2.ドラッグの無効化Webページ要素の選択:
上記の例と同様に、適切なマウスボタンを禁止する2つの方法があります。
1. HTML要素のボディタグにJavaScriptイベントハンドルを追加すると、コードは次のとおりです。
コードコピーは次のとおりです。
<body onselectstart = "return false">
注:上記の右クリックの使用と同様です
2。JavaScript関数を書き、イベント処理を呼び出します。コードは次のとおりです。
コードコピーは次のとおりです。
<スクリプト言語= javascript>
<! -
document.onselectstart = mylock1;
機能mylock1(){
event.returnValue = false;
}
//->
</script>
注:声明の上限と小文字に注意してください! WebページのHTMLソースコードの<head>と</head>の間に上記のコードをコピーするだけです。
Webページ要素で指定されたタグを右クリックする場合は、ドキュメントを対応するWebページオブジェクトタグ名に変更するだけです。
要約すると、Webページの右クリックメニューとマウスドラッグを禁止する場合は、次の2つの方法を使用できます。
方法1:
コードコピーは次のとおりです。
<body oncontextmenu = "return false;" onselectStart = "return false">
方法2:
コードコピーは次のとおりです。
<スクリプト言語= javascript>
<! -
document.onselectstart = mylock1;
document.oncontextmenu = mylock1;
機能mylock1(){
event.returnValue = false;
}
//->
</script>
上記は、一般的に使用されている方法の要約です。それはあまり包括的ではありません。他の方法がある場合は、私にメッセージを残してください。この記事は引き続き更新されます。