右键菜单点击删除:
<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
分享到:
相关推荐
然而,QListWidget默认并不提供右键删除项的功能。为了实现这个功能,我们需要进行一些自定义操作。本教程将详细讲解如何通过重写QListWidget的事件过滤器eventFilter来添加右键删除item内容的功能。 首先,我们...
标题“右键删除svn信息”涉及的是在Windows操作系统中如何快速清理或移除与Subversion(SVN)相关的元数据,这通常发生在开发者不再需要版本控制信息或者想要完全卸载SVN工具时。Subversion是一种广泛使用的版本控制...
AE右键删除图层代码 AE右键删除图层代码是GIS开发中的一种常见技术,使用C#语言编写,主要用于在ArcGIS平台上实现右键删除图层的功能。 标题解释 AE右键删除图层代码的标题表明了该代码的主要功能,即在ArcGIS平台...
标题中的“右键删除文件工具 系统工具”指的是一个专为解决无法通过常规方式删除文件问题的系统工具。在Windows操作系统中,有时我们会遇到文件被占用或锁定,导致无法直接删除的情况。这类工具通常能帮助用户强制...
注册到本机,用于右键删除SVN的关联,支持window使用。
向windows注册一个右键删除SVN版本信息的命令,方便一键移除该文件夹下所有SVN的版本信息,超好用...
### Axure中继器表格右键删除功能实现详解 #### 一、引言 在UI/UX设计领域,Axure RP是一款非常强大的原型设计工具,它可以帮助设计师快速创建交互式原型。本文将详细介绍如何在Axure中实现一个具有右键删除功能的...
《SpreadJS 自定义底部页签右键删除功能详解》 SpreadJS 是一款强大的 HTML5 表格控件,它提供了一系列高级功能,如数据编辑、公式计算、图表绘制等,可帮助开发者构建复杂的电子表格应用。在实际开发过程中,有时...
win7 下右键删除svn版本 需要导入注册表 win7测试通过
本文将详细讲解如何通过鼠标右键菜单删除SVN的相关知识。 首先,SVN通常与Windows操作系统集成,使得用户可以方便地通过右键菜单进行版本控制操作,如添加、提交、更新等。但有时,可能由于项目迁移或不再需要SVN...
标题“Win7桌面显示IE图标 支持右键删除”涉及到的是Windows 7操作系统中的一个设置问题,主要是关于如何在桌面上显示Internet Explorer(IE)图标,并且允许用户通过右键菜单来删除这个图标。在Windows 7系统中,...
这个示例主要涉及使用Python的GUI(图形用户界面)功能来展示Excel数据,并实现右键删除的功能。我们将探讨以下关键知识点: 1. **Python库的使用**: - **pandas**:这是一个强大的数据处理库,用于读取Excel文件...
双击运行delete-svn-folder.reg,成功后支持右键删除svn信息,非常方便。
网页右键广告删除工具网页右键广告删除工具
在本话题中,我们将深入探讨如何实现`ListControl`支持右键菜单动态添加和删除行的功能,以及如何进行编辑(edit)和使用下拉框(Combox)选择。 首先,`ListControl`通常被用作`CListView`类的一部分,它是MFC框架...
右键删除目录下隐藏.svn文件夹 用于windows下
本文将详细介绍如何通过修改注册表来删除和恢复Win7系统中多余的右键新建选项,以优化你的操作体验。 首先,我们了解“注册表”。注册表是Windows操作系统中的一个核心数据库,存储了系统和应用程序的所有配置信息...
删除" Command="{Binding DeleteCommand}" /> <!-- 其他菜单项... --> ``` 在非MVVM模式下,这些功能可能直接在代码-behind中实现,这会导致代码难以维护和测试。因此,使用MVVM模式可以使WPF应用更符合面向对象...
在Windows操作系统中,鼠标右键菜单的自定义是一项高级用户常用的功能,可以帮助用户根据个人习惯和需求添加或删除快捷方式。本文将详细讲解如何通过注册表编辑器来实现这一目标。 **一、增加右键菜单的快捷键** 1...
### 删除右键菜单中的选项——全面指南 #### 核心概念 右键菜单是我们日常使用计算机过程中频繁接触的功能之一,它提供了对文件、文件夹甚至桌面背景等项目的快速操作选项。然而,随着软件安装和卸载的过程,右键...