国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

如何實現瀏覽器上的右鍵菜單

2024-09-06 12:45:14
字體:
來源:轉載
供稿:網友
 

 最近在程序員大本營中的討論中有一位老兄提出如何在瀏覽器中實現類似于應用程序的鼠標右擊后出現右鍵菜單的效果。唯魚試了試,發現不是很難解決。現在就將源碼和原理說出來和大家共享一下。哈,其實效果不是很完美啦,如果哪位大俠有更好的解決方法。可以給唯魚yyu@enet.com.cn來信羅。 

  首先要解決的問題是在怎樣的情況鼠標右擊不會出現IE的菜單。思路可以有兩個,一個是將焦點移開,還有一個就是點在網頁的什么地方不會出現右鍵菜單,而且會響應鼠標點擊消息。(哈哈,廢話一大堆。思路嗎?總要多想想才有的) 


想了想, 總結出的下面幾種方法
1、響應右鍵消息出一個ALERT框(還有點新鮮的東東沒有)。 
2、響應右鍵消息后彈出一個新的窗口。將初始頁的的焦點移開。 
可是經過試驗后發現只有窗口出現在鼠標右擊的位置時,才會沒有瀏覽器的右鍵菜單出現。 
3、響應右鍵消息后彈出一個HTML的對話框。即使用showModalDialog來開啟一個HTML對話框。使用這種方式可以讓右鍵菜單不會出現。但是有一個問題是使用使用showModalDialog開啟的對話框不會向使用Window.Open開啟的對話框一樣可以移出屏幕所在的范圍。就是說始終可以看見有一個對話框出現在屏幕上。這條路也不能走了。 
4、呵呵,最后一招了,唯魚偶爾發現在Select上進行鼠標右擊或左擊都不會有反應。那么如果每次鼠標都點在Select上,不就不會出現瀏覽器的右鍵菜單了。 

下面就是一個例子,感興趣的可以把下面的拷貝成Test.html,就可以看看效果了。

< HTML> 

< title>VFish Test< /title> 

< script> 

var x, y; 

document.onmousemove=moveMouse 

document.onmousedown=click 


function moveMouse() 



Layer1.style.left = event.clientX - 2; 

Layer1.style.top = event.clientY - 2; 



function click() 



if (event.button==2) 



x = event.clientX; 

y = event.clientY; 

Layer1.style.visibility=""; 

window.setTimeout("showMenu();", 500); 



else 



HiddenPop(); 

PopMenu.style.visibility='hidden'; 






function showMenu() 



PopMenu.style.left = x- 2; 

PopMenu.style.top = y- 2; 

PopMenu.style.visibility=""; 

HiddenPop(); 



function HiddenPop() 
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 宜黄县| 武威市| 尉氏县| 中牟县| 鞍山市| 荥阳市| 宁蒗| 林西县| 盐山县| 东丽区| 东乡族自治县| 邢台市| 梧州市| 武穴市| 曲阳县| 宁津县| 襄城县| 来凤县| 苍南县| 托里县| 澜沧| 镇平县| 云梦县| 甘南县| 连南| 东兴市| 阿图什市| 保康县| 溧阳市| 宁国市| 元谋县| 扬中市| 略阳县| 邢台县| 柳林县| 广宁县| 察隅县| 友谊县| 大渡口区| 巢湖市| 利川市|