您现在的位置是:首页
>
360浏览器解除网页右键限制 如何实现浏览器上的右键菜单
如何实现浏览器上的右键菜单 今天和大家一起学习一下如何在浏览器中实现类似于应用程序的鼠标右击后出现右键菜单的效果 首先要解决的问题是在怎样的情况鼠标右击不会出现IE的菜单 思路可以有两个 一个是将
如何实现浏览器上的右键菜单

今天和大家一起学习一下如何在浏览器中实现类似于应用程序的鼠标右击后出现右键菜单的效果 首先要解决的问题是在怎样的情况鼠标右击不会出现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> lishixinzhi/Article/program/Java/Javascript/201311/25485
很赞哦! (1047)