右键菜单点击删除:
<style>
#menu:hover {
border: 1px solid #0a246a;
background: #b6bdd2;
}
#menu{
border:1px solid #0a246a;
padding:2px;
background-color:#e8e8e8;
}
</style>
<html>
<body>
<table>
<tr><td>
<select id="test" multiple="true" onmouseup="listener(event,'test')">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</td></tr>
</table>
<span id="menu" style="display:none;position:absolute" onclick="delItem()">
<img id="del" src="del.png"/>删除
<input id="delOption" type="hidden"/>
</span>
</body>
</html>
<script language="javascript" type="text/javascript">
function listener(oEvent,obj){
if (!oEvent) oEvent=window.event;//IE
if (oEvent.button==2){//2表示右键
//获取鼠标点击位置:firefox用pageX,pageY;IE用x,y
//设置位置时firefox不加单位无效,IE兼容,所有在变量末尾最好加上"px"
var x = oEvent.x ? oEvent.x : oEvent.pageX;
var y = oEvent.y ? oEvent.y : oEvent.pageY;
document.getElementById("menu").style.left =document.body.scrollLeft+x+10+'px';
document.getElementById("menu").style.top = document.body.scrollTop+y+10+'px';
document.getElementById("menu").style.display = "inline";
document.getElementById("delOption").value = obj;
}
}
document.getElementById("test").oncontextmenu=function(event) {
if (document.all) window.event.returnValue = false;//IE
else event.preventDefault();//Firefox
};
function delItem(){
menu.style.display="none";
if(confirm("是否确认删除?")){
//获取操作内容
var param = document.getElementById("delOption").value;
var parameter = document.getElementById(param);
}else{
return;
}
}
</script>
遇到的问题:
1、Firefox、IE、Chrome兼容性问题,及javascript在浏览器之间的区别:
2、oncontextmenu()使用时的注意项
3、鼠标事件的内置对象event
参考:右键菜单:javascript:mctmp(0);
Javascript在Firefox、IE的区别:javascript:mctmp(0);
- 大小: 655 Bytes
分享到:
相关推荐
在QT中,QListWidget控件是没有右键删除子控件的功能的,本示例使用重写QListWidget的事件过滤器eventFilter的方法实现右键删除功能
鼠标右键删除SVN,解压后打开就行了,后面要删除SVN文件时,点击鼠标右键即可
注册到本机,用于右键删除SVN的关联,支持window使用。
向windows注册一个右键删除SVN版本信息的命令,方便一键移除该文件夹下所有SVN的版本信息,超好用...
右键删除文件工具,系统工具 右键删除文件工具,系统工具
AE右键删除图层代码 gis开发 右键删除
win7 下右键删除svn版本 需要导入注册表 win7测试通过
双击运行delete-svn-folder.reg,成功后支持右键删除svn信息,非常方便。
双击此文件导入注册表,右键刷新桌面即可。支持右键删除。
网页右键广告删除工具网页右键广告删除工具
ListControl控件中右键菜单可添加或删除一行,选中一行可进行edit编辑和下拉框Combox选择。
WPF TreeView1 双击新增节点 到TreeView2中,选中TreeView2子节点 右键删除子节点
右键删除目录下隐藏.svn文件夹 用于windows下
NULL 博文链接:https://raoliv.iteye.com/blog/1065994
spreadjs_自定义底部页签右键删除功能-demo
基于Python实现导入Excle表数据显示、右键删除示例
程矢Axure夜话图文教程中继器表格右键删除.pdf
WPF MVVM模式下TreeView右键选中项,右键菜单 博客地址:http://www.cnblogs.com/xcong/
双击文件加入注册表,然后右键选中想删除版本控制文件的目录,弹出的菜单中会多一个Delete SVN folders选项,选中即可删除当前选中文件下所有版本控制文件(.svn)
vs 2005 写的一个右键添加删除treeview节点,并保存节点信息到xml文件里