`

右键删除

 
阅读更多

右键菜单点击删除

 

<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新增右键删除item内容

    然而,QListWidget默认并不提供右键删除项的功能。为了实现这个功能,我们需要进行一些自定义操作。本教程将详细讲解如何通过重写QListWidget的事件过滤器eventFilter来添加右键删除item内容的功能。 首先,我们...

    右键删除svn信息

    标题“右键删除svn信息”涉及的是在Windows操作系统中如何快速清理或移除与Subversion(SVN)相关的元数据,这通常发生在开发者不再需要版本控制信息或者想要完全卸载SVN工具时。Subversion是一种广泛使用的版本控制...

    AE右键删除图层代码

    AE右键删除图层代码 AE右键删除图层代码是GIS开发中的一种常见技术,使用C#语言编写,主要用于在ArcGIS平台上实现右键删除图层的功能。 标题解释 AE右键删除图层代码的标题表明了该代码的主要功能,即在ArcGIS平台...

    右键删除文件工具 系统工具

    标题中的“右键删除文件工具 系统工具”指的是一个专为解决无法通过常规方式删除文件问题的系统工具。在Windows操作系统中,有时我们会遇到文件被占用或锁定,导致无法直接删除的情况。这类工具通常能帮助用户强制...

    右键删除SVN关联注册文件

    注册到本机,用于右键删除SVN的关联,支持window使用。

    右键删除SVN的版本信息

    向windows注册一个右键删除SVN版本信息的命令,方便一键移除该文件夹下所有SVN的版本信息,超好用...

    程矢Axure夜话图文教程中继器表格右键删除.pdf

    ### Axure中继器表格右键删除功能实现详解 #### 一、引言 在UI/UX设计领域,Axure RP是一款非常强大的原型设计工具,它可以帮助设计师快速创建交互式原型。本文将详细介绍如何在Axure中实现一个具有右键删除功能的...

    spreadjs_自定义底部页签右键删除功能-demo.zip

    《SpreadJS 自定义底部页签右键删除功能详解》 SpreadJS 是一款强大的 HTML5 表格控件,它提供了一系列高级功能,如数据编辑、公式计算、图表绘制等,可帮助开发者构建复杂的电子表格应用。在实际开发过程中,有时...

    win7下右键删除svn功能

    win7 下右键删除svn版本 需要导入注册表 win7测试通过

    鼠标右键删除SVN

    本文将详细讲解如何通过鼠标右键菜单删除SVN的相关知识。 首先,SVN通常与Windows操作系统集成,使得用户可以方便地通过右键菜单进行版本控制操作,如添加、提交、更新等。但有时,可能由于项目迁移或不再需要SVN...

    Win7桌面显示IE图标 支持右键删除

    标题“Win7桌面显示IE图标 支持右键删除”涉及到的是Windows 7操作系统中的一个设置问题,主要是关于如何在桌面上显示Internet Explorer(IE)图标,并且允许用户通过右键菜单来删除这个图标。在Windows 7系统中,...

    基于Python实现导入Excle表数据显示、右键删除示例

    这个示例主要涉及使用Python的GUI(图形用户界面)功能来展示Excel数据,并实现右键删除的功能。我们将探讨以下关键知识点: 1. **Python库的使用**: - **pandas**:这是一个强大的数据处理库,用于读取Excel文件...

    右键删除svn工具

    双击运行delete-svn-folder.reg,成功后支持右键删除svn信息,非常方便。

    网页右键广告删除工具

    网页右键广告删除工具网页右键广告删除工具

    ListControl支持右键菜单动态添加、删除行

    在本话题中,我们将深入探讨如何实现`ListControl`支持右键菜单动态添加和删除行的功能,以及如何进行编辑(edit)和使用下拉框(Combox)选择。 首先,`ListControl`通常被用作`CListView`类的一部分,它是MFC框架...

    右键删除目录下隐藏.svn文件夹

    右键删除目录下隐藏.svn文件夹 用于windows下

    删除恢复Win7多余右键新建选项

    本文将详细介绍如何通过修改注册表来删除和恢复Win7系统中多余的右键新建选项,以优化你的操作体验。 首先,我们了解“注册表”。注册表是Windows操作系统中的一个核心数据库,存储了系统和应用程序的所有配置信息...

    WPF MVVM模式下 TreeView 右键菜单

    删除" Command="{Binding DeleteCommand}" /&gt; &lt;!-- 其他菜单项... --&gt; ``` 在非MVVM模式下,这些功能可能直接在代码-behind中实现,这会导致代码难以维护和测试。因此,使用MVVM模式可以使WPF应用更符合面向对象...

    对鼠标右键进行添加删除快捷键

    在Windows操作系统中,鼠标右键菜单的自定义是一项高级用户常用的功能,可以帮助用户根据个人习惯和需求添加或删除快捷方式。本文将详细讲解如何通过注册表编辑器来实现这一目标。 **一、增加右键菜单的快捷键** 1...

    删除右键菜单中的选项

    ### 删除右键菜单中的选项——全面指南 #### 核心概念 右键菜单是我们日常使用计算机过程中频繁接触的功能之一,它提供了对文件、文件夹甚至桌面背景等项目的快速操作选项。然而,随着软件安装和卸载的过程,右键...

Global site tag (gtag.js) - Google Analytics