当前位置：首页 -> 网页设计 -> 网页特效 -> javascript中如何实现浏览器上的右键菜单

javascript中如何实现浏览器上的右键菜单

时间： 2021-07-31 作者：daque

怎样实行欣赏器上的右键菜单　迩来在步调员大学本科营中的计划中有一位仁兄提出怎样在欣赏器中实行一致于运用步调的鼠标右击后展示右键菜单的功效。唯鱼试了试，创造不是很难处置。此刻就将源码和道理说出来和大师共享一下。哈，本来功效不是很完备啦，即使哪位大侠有更好的处置本领。不妨给唯鱼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() { layer1.style.visibility=’hidden’; } < /script> < body> 在窗口中右击一下看看出什么:) < div id=layer1 style="position:absolute; width:4px; height:4px; z-index:3; visibility: hidden"> < select style="width:4">< /select> < /div> < div id=popmenu style="position:absolute; width:100px; height:100px; z-index:1; visibility: hidden"> < table border=2 width=100 > < th align="center" color="sliver" onclick=""> 唯鱼的菜单 < /th> < tr> < td> click it!:) < /td> < /tr> < /table> < /div> < /body> < /html>

javascript中如何实现浏览器上的右键菜单

相关推荐

推荐下载

热门阅览

最新排行