知识大全如何实现浏览器上的右键菜单

Posted 2022-07-19 消息

篇首语：再长的路，一步步也能走完，再短的路，不迈开双脚也无法到达。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全如何实现浏览器上的右键菜单相关的知识，希望对你有一定的参考价值。

今天和大家一起学习一下如何在浏览器中实现类似于应用程序的鼠标右击后出现右键菜单的效果　　首先要解决的问题是在怎样的情况鼠标右击不会出现IE的菜单思路可以有两个一个是将焦点移开还有一个就是点在网页的什么地方不会出现右键菜单而且会响应鼠标点击消息　　想了想总结出的下面几种方法　　响应右键消息出一个ALERT框（还有点新鲜的东东没有）　　响应右键消息后弹出一个新的窗口将初始页的的焦点移开　　可是经过试验后发现只有窗口出现在鼠标右击的位置时才会没有浏览器的右键菜单出现　　响应右键消息后弹出一个HTML的对话框即使用showModalDialog来开启一个HTML对话框使用这种方式可以让右键菜单不会出现但是有一个问题是使用使用showModalDialog开启的对话框不会向使用Window Open开启的对话框一样可以移出屏幕所在的范围就是说始终可以看见有一个对话框出现在屏幕上这条路也不能走了　　最后一招了在Select上进行鼠标右击或左击都不会有反应那么如果每次鼠标都点在Select上不就不会出现浏览器的右键菜单了　　下面就是一个例子感兴趣的可以把下面的拷贝成l 就可以看看效果了 < HTML> < title>webjx Test< /title> < script> var x y; document onmousemove=moveMouse document onmousedown=click function moveMouse() Layer style left = event clientX ; Layer style top = event clientY ; function click() if (event button== ) x = event clientX; y = event clientY; Layer style visibility= ; window setTimeout( showMenu(); ); else HiddenPop(); PopMenu style visibility= hidden ; function showMenu() PopMenu style left = x ; PopMenu style top = y ; PopMenu style visibility= ; HiddenPop(); function HiddenPop() Layer style visibility= hidden ; < /script> < BODY> 在窗口中右击一下看看出什么:) < div id=Layer > < select >< /select> < /div> < div id=PopMenu > < table border= width= > < TH align= center color= sliver onclick= > 右键菜单 < /tH> < tr> < td> click it!:) < /td> < /tr> < /table> < /div> < /BODY> < /HTML> cha138/Article/program/Java/Javascript/201311/25485

知识大全 如何实现浏览器上的右键菜单

知识大全如何实现浏览器上的右键菜单