先貼**:
1view codedoctype html
>
2<
html
>
3<
head
lang
="en"
>
4<
meta
charset
="utf-8"
>
5<
title
>
title
>
6<
script
type
="text/j**ascript"
>
7window.onload
=function
();12
document.getelementbyid(
"test
").onmousedown
=function
(e)else
if(e.button ==0
)else
if(e.button ==1
)20}21
}22script
>
23head
>
24<
body
>
2526
<
div
style
="width: 400px;height:400px;margin:auto;border:1px solid pink"
id="test"
>
div>
27body
>
28html
>
注意的兩個點是:
①:先取消預設右擊事件,event.preventdefault();
②:判斷event.button:0:左鍵,1:滾輪,2:右鍵。
值得一說的的是"oncontextmenu"是指右鍵按下時的作用。
再給乙個應用吧:
右擊div顯示出自己定義的選單,點選除了div的地方,是預設的右擊事件。
**:
1htmldoctype html
>
2<
html
lang
="en"
>
3<
head
>
4<
meta
charset
="utf-8"
>
5<
title
>title
title
>
6<
style
>
7body
10#menu
20#div
25style
>
26head
>
27<
body
>
28<
div
id="menu"
>
29<
p id
="p"
>lalala
p>
30div
>
31<
div
id="div"
>
div>
32<
script
src="main.js"
>
script
>
33body
>
34html
>
1/**js效果自行檢視吧,其實也沒啥。2* created by administrator on 2016/8/12.3*/
4 (function
() );
17});
18 document.addeventlistener("contextmenu", function
(event)
22});
23 })();
原理是,右鍵的選單其實是乙個隱藏的div,當點選父類div的時候,它出現而已。(貌似這樣一說顯得這個程式好垃圾啊,╮(╯▽╰)╭其實這也是大廈的一塊磚,少了它,大廈會塌的)
再給了類似的應用吧,乙個點選div消失的效果。
1htmldoctype html
>
2<
html
lang
="en"
>
3<
head
>
4<
meta
charset
="utf-8"
>
5<
title
>點選消失
title
>
6<
style
>7#m
11#div
16style
>
17head
>
18<
body
>
19<
div
id="m"
>
2021
<
div
id="div"
>
div>
22div
>
23<
script
src="main.js"
>
script
>
24body
>
25html
>
1/**js2* created by administrator on 2016/8/8.3*/
4 (function
() 25}26
27function
clickto()
3031 div.addeventlistener("click", clickto);
3233 })();
wpf treeView新增右擊事件
剛開始接觸wpf,今天學習了下treeview控制項,右擊新增事件。看了很多網上大牛的東西,終究是搞懂了。效果圖如下 xmal部分 treeview name datatreeview margin 1 grid.column 0 grid.row 4 previewmouserightbutton...
C 新增滑鼠右擊事件
比如要在button1按鈕上新增滑鼠右擊事件 即滑鼠右鍵按下並釋放時發生的事件 為button1的mouseup事件訂閱名為button1 mouseup的事件處理程式,button1 mouseup如下定義 private void button1 mouseup object sender,mo...
ztree實現根節點右擊事件,顯示新增刪除
需求,右擊樹節點,出現編輯和刪除的提示框 1 在setting 配置裡面,給callback設定,右擊事件onrightclick 2 寫乙個函式onrightclick function onrightclick event,treeid,treenode 3 禁用預設滑鼠右擊事件 documen...