熟悉一下oncontextmenu事件的知識

2022-05-12 19:08:19 字數 3134 閱讀 6428

定義和使用

只要點選滑鼠右鍵,就觸發oncontextmenu事件並開啟上下文選單。

需要注意的是:所有主流瀏覽器都支援oncontextmenu事件,但其中的contextmenu元素只有firebox支援。

相容性語法1、沒有新增contextmenu元素

doctype html

>

<

html

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>oncontextmenu事件

title

>

<

style

>

div

style

>

head

>

<

body

>

<

p>該例項使用了 addeventlistener() 方法向 div 元素新增 "contextmenu" 事件。

p>

<

div

id="mydiv"

contextmenu

="mymenu"

>

<

p>在框中點選滑鼠右鍵檢視上下文選單!

p>

div>

<

p id

="demo"

>

p>

<

script

>

document.getelementbyid(

"mydiv

").addeventlistener(

"contextmenu

", myfunction);

function

myfunction()

script

>

<

p><

strong

>注意:

strong

> 只有 firefox 中支援 contextmenu <

strong

>屬性

2、新增了contextmenu元素後

doctype html

>

<

html

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>oncontextmenu事件

title

>

<

style

>

div

style

>

head

>

<

body

>

<

p>該例項使用了 addeventlistener() 方法向 div 元素新增 "contextmenu" 事件。

p>

<

div

id="mydiv"

contextmenu

="mymenu"

>

<

p>在框中點選滑鼠右鍵檢視上下文選單!

p>

<

menu

type

="context"

id="mymenu"

>

<

menuitem

label

="重新整理"

onclick

="window.location.reload();"

icon

="ico_reload.png"

>

menuitem

>

<

menu

label

="分享"

>

<

menuitem

label

icon

="ico_twitter.png"

onclick

="window.open('');"

>

menuitem

>

<

menuitem

label

="部落格"

icon

="ico_facebook.png"

onclick

="window.open('');"

>

menuitem

>

menu

>

menu

>

div>

<

p id

="demo"

>

p>

<

script

>

document.getelementbyid(

"mydiv

").addeventlistener(

"contextmenu

", myfunction);

function

myfunction()

script

>

<

p><

strong

>注意:

strong

> 只有 firefox 中支援 contextmenu <

strong

>屬性

注意:internet explorer8以下瀏覽器不支援addeventlistener()。

工具 熟悉一下 ubuntu

更新和安全 開發者選項 開發人員模式 應用和功能 程式和功能 啟用或關閉 window 功能 適用於 linux 的 windows 子系統 等安裝 installing,this may take a few minutes.輸入使用者名稱 密碼 輸入密碼時螢幕不會顯示任何字元 進入c盤 cd m...

萌新熟悉一下csdn

1 加粗ctrl b publicmarkdown 是一種輕量級標記語言,它允許人們使用易讀易寫的純文字格式編寫文件,然後轉換成格式豐富的html頁面。維基百科 使用簡單的符號標識不同的標題,將某些文字標記為粗體或者斜體,建立乙個鏈結等,詳細語法參考幫助?本編輯器支援markdown extra,擴...

熟悉一下Class的使用

此為構造 求解一元二次方程 類 coding utf 8 created on thu sep 3 13 48 08 2020 author jeason import cmath class qiujie def init self,a,b,c self.delta b 2 4 a c def x...