javascript自定義右鍵彈出菜單實(shí)現(xiàn)方法
更新時(shí)間：2015年05月25日 11:50:26 作者：張林春
這篇文章主要介紹了javascript自定義右鍵彈出菜單實(shí)現(xiàn)方法,涉及javascript操作鼠標(biāo)事件及頁面元素的相關(guān)技巧,需要的朋友可以參考下
本文實(shí)例講述了javascript自定義右鍵彈出菜單實(shí)現(xiàn)方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：
<head runat="server">
<title>無標(biāo)題頁</title>
<script type="text/javascript">
var oPopup = window.createPopup();
function PopMenu(id)
{
var oPopBody = oPopup.document.body;
oPopBody.style.backgroundColor = "buttonface";
oPopBody.style.border = "solid black 1px";
var TableBegin="<table style=\"border: 0; width: 100%; font-size: 12px;\" cellpadding=\"0\" cellspacing=\"0\">";
var Tr1="<tr><td valign=\"middle\" style=\"height: 20px;\" onmousemove=\"this.bgColor='highlight';this.style.color='highlighttext'\" onmouseout=\"this.bgColor='';this.style.color=''\" onclick=\"parent.window.open('/news/view.asp?id="+id+"');\">查看新聞</td></tr>";
var TrBr1="<tr><td style=\"background-color: ThreeDShadow; height: 1px;\"></td></tr>";
var Tr2="<tr><td valign=\"middle\" style=\"height: 20px;cursor:hand;\" onmousemove=\"this.bgColor='highlight';this.style.color='highlighttext'\" onmouseout=\"this.bgColor='';this.style.color=''\" onclick=\"parent.document.frames['main'].location='divdiv.aspx?id="+id+";'\">查看新聞</td></tr>";
var TableEnd="</table>";
oPopBody.innerHTML =TableBegin+Tr1+TrBr1+Tr2+TableEnd;
oPopup.show(event.x, event.y, 90, 41, document.body);
return false;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<a href='javascript:void(0);' oncontextmenu='PopMenu(1);return false;'>
<img alt="" src='1.gif' style="border:0;width:150px;height:110px; cursor:hand"/>
<br/>
</a>
<iframe name="main" frameborder="0" width="100%" scrolling="auto" height="100%">
</iframe>
</div>
</form>
</body>
</html>
希望本文所述對大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了JS組件Bootstrap Table使用方法，具有一定的實(shí)用性，感興趣的小伙伴們可以參考一下2016-02-02
對于js的一些常見事件的總結(jié)2008-12-12
ajax中g(shù)et和post的說明及使用與區(qū)別
對付亂碼我都是用過濾器做字符編碼過濾的，Get方法過濾器監(jiān)聽不到，所以我一直喜歡使用Post方法，下面對Ajax Get和Post方法做一對比,需要了解的朋友可以 參考下2012-12-12
本文主要給大家講述了如何用JS和JQuery兩種方式實(shí)現(xiàn)雪花飄落的動(dòng)畫效果，有需要的朋友收藏一下吧。2017-11-11
js倒計(jì)時(shí)簡單實(shí)現(xiàn)方法
這篇文章主要介紹了js倒計(jì)時(shí)簡單實(shí)現(xiàn)方法，方便一些提示重要日期的來臨，感興趣的小伙伴們可以參考一下2015-12-12
作用域JavaScript 的變量作用域是按照函數(shù)劃分的，為了快速的了解它的特性，我們通過實(shí)例來進(jìn)行演示。2009-08-08
詳解ES6新增字符串?dāng)U張方法includes()、startsWith()、endsWith()
這篇文章主要介紹了詳解ES6新增字符串?dāng)U張方法includes()、startsWith()、endsWith()，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
JS拖拽的進(jìn)一步練習(xí)，移動(dòng)與拉伸實(shí)現(xiàn)代碼
這次增加了一些相關(guān)的功能，增加四個(gè)角的拉伸改變寬度，主要還是用到一些簡單的坐標(biāo)位置計(jì)算，沒有什么技術(shù)難度，熟練了一下自己對拖拽的運(yùn)用2012-05-05
本文主要介紹了前端常見算法的JS實(shí)現(xiàn)，具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
JavaScript es6中var、let以及const三者區(qū)別案例詳解
這篇文章主要介紹了JavaScript es6中var、let以及const三者區(qū)別案例詳解,本篇文章通過簡要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08