js右擊事件

2022-09-16 05:48:11 字數 3073 閱讀 5701

先貼**:

1

doctype 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

>

view code

注意的兩個點是:

①:先取消預設右擊事件,event.preventdefault();

②:判斷event.button:0:左鍵,1:滾輪,2:右鍵。

值得一說的的是"oncontextmenu"是指右鍵按下時的作用。

再給乙個應用吧:

右擊div顯示出自己定義的選單,點選除了div的地方,是預設的右擊事件。

**:

1

doctype 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

>

html

1/**

2* created by administrator on 2016/8/12.3*/

4 (function

() );

17});

18 document.addeventlistener("contextmenu", function

(event)

22});

23 })();

js效果自行檢視吧,其實也沒啥。

原理是,右鍵的選單其實是乙個隱藏的div,當點選父類div的時候,它出現而已。(貌似這樣一說顯得這個程式好垃圾啊,╮(╯▽╰)╭其實這也是大廈的一塊磚,少了它,大廈會塌的)

再給了類似的應用吧,乙個點選div消失的效果。

1

doctype 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

>

html

1/**

2* created by administrator on 2016/8/8.3*/

4 (function

() 25}26

27function

clickto()

3031 div.addeventlistener("click", clickto);

3233 })();

js

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...