JS右键菜单的一些基本操作
1. 建右键菜单栏:
<div id="menu" class="easyui-menu" style="width:150px;">
<div id="m-refresh">刷新</div>
<div class="menu-sep"></div>
<div id="m-closeall" data-options="iconCls:'icon-cancel'">全部关闭</div>
</div>
2. 当在页面点击右键时触发事件:
<script type="text/javascript">
$(document).ready(function(){
$("#table").bind('contextmenu',function(e){
$('#menu').menu('show', {
left: e.pageX,
top: e.pageY
});
return false;
});
}
</script>
或直接:$("tr").bind...
hh=this.rowIndex;
3. 确定在table的哪一行点击的右键得此行数据
<script type="text/javascript">
$(document).ready(function(){
var table=document.getElementById("table");
var rows=table.getElementByTagName("tr");
var hh=null;//行号
for(var i in rows){//给tr绑定click事件
rows[i].onclick=rowClick();
}
}
function rowClick(e){//点击table时get行号
hh=this.rowIndex;
var length=this.cells[0].childNodes.length;//得到当前行第一列的数据长度
var c1=this.cells[0].childNodes[0].value;//得到当前行第一列的每个项数据内容
}
</script>
4. JS禁用右键:
<script type="text/javascript">
document.onkeydown = function() {
if (event.keyCode == 116){
event.keyCode = 0;
event.returnValue = false;
}
}
document.oncontextmenu = function() {
alert("禁止右键!");
event.returnValue = false;
}
</script>
分享到:
相关推荐
兼容FF和IE Js右键菜单,js菜单,漂亮的Js右键导航,好用的Js右键菜单
js自定义右键菜单
HTNL+javaScript右键菜单,HTNL+javaScript右键菜单,HTNL+javaScript右键菜单
Javascript右键创建菜单源码,这是一个学习右键创建菜单的很好例子,看完之后,能对创建的过程有很好的理解
通过JS来设置鼠标的右键..使鼠标右键能有自己想要的功能..
js右键菜单,测试通过IE,火狐,Google,菜单项由js动态添加,在菜单项中可添加图标,文本,菜单项点击事件,以及分隔线
js实现右键菜单效果,测试可用(源代码)
js(javascript)右键菜单实现,js(javascript)右键菜单实现,js(javascript)右键菜单实现
jQuery右键美化菜单特效.zip
html js 屏蔽原有右键功能菜单,自定义右键菜单
javascript 右键菜单,比较好用,自定义的,可以根据需要自己改动
这次我们要分享的也是一款JavaScript右键菜单插件,它的外观是基于Bootstrap的,因此UI比之前那款要漂亮许多,另外这款右键菜单插件也支持自定义区域菜单显示功能,你可以在初始化的时候指定需要弹出菜单的网页区域...
echarts 右键菜单实例,不修改源码
js 右键菜单,直接使用,修改方便
比较通用的自定义菜单小控件 最多支持2级菜单 使用起来很方便
class2context是一款非常实用的纯JavaScript右键上下文菜单插件。该右键菜单插件使用简单,性能高,通过简单的js语句即可完成右键菜单的配置。
一个非常简洁高效的JS右键菜单
javascript仿window xp鼠标右键菜单功能
该文件是一个实现比较好的鼠标右键菜单。 实现方案为JavaScript。值得学习