`
QuarterLifeForJava
  • 浏览: 177831 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

简单自定义鼠标右击事件

htmljs 
阅读更多 
<html>
<head>
<script>
var x;
var y;
var flag = true;

function test(){
	//绑定鼠标右击事件
	document.getElementById("a").oncontextmenu = function() {
		if(!flag){
			var createDiv = document.getElementById("b");
			//移除div
			createDiv.outerHTML = "";
		}

		var oDiv=document.createElement('div');
        oDiv.style.left=x; 
        oDiv.style.top=y-50;  
        oDiv.style.border='1px solid #FF0000';
        oDiv.style.position='absolute'; 
        oDiv.style.width='50px'; 
        oDiv.style.height='50px';
		oDiv.style.background="blue";
		oDiv.id='b'; 
        document.body.appendChild(oDiv);

		flag = false;

		return false;
	}

	//得到鼠标的位置
	document.onmousemove=function(e){
		e = e ? e: window.event;
		x = e.screenX;
		y = e.screenY;
	}
	/**
    //获取绝对位置:
	var ex1 = $("#a").offset().top;
	var ey1 = $("#a").offset().left;
	console.log(ex1);
    console.log(ey1);
    
    //获取相对(父元素)位置: 
    var ex2 = $("#a").position.top;
    var ey2 = $("#a").position().left;
    console.log(ex2);
    console.log(ey2);
    */

}
</script>
</head>
<!-- oncontextmenu="return false" -->
<body onload="test()">
<div id="a" style="width:100px;height:100px;background-color:red"></div>
</body>
</html>
分享到：
| 四则运算的简单模拟(栈的运用)
评论
1 楼 猿哥 2014-08-15  
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    FLASH actionscript3游戏编程 处理右击事件 拦截鼠标右击实现自定义鼠标右击功能比如右击寻路移动

    在Flash ActionScript 3.0游戏编程中，处理鼠标右击事件是提升用户体验和增加游戏交互性的重要一环。ActionScript 3.0是Flash开发的主要脚本语言，它提供了强大的功能来控制动画、交互以及游戏逻辑。在这个场景中，...

    JS鼠标右击弹出菜单效果

    在网页开发中，JavaScript（JS）常常用于实现各种交互效果，其中包括鼠标右击时弹出自定义菜单。这种效果能够增强用户体验，使用户在浏览网页时可以快速访问或执行特定的功能。本文将深入探讨如何使用JavaScript来...

    点击鼠标右键弹出自定义菜单

    总的来说，实现“点击鼠标右键弹出自定义菜单”需要对Windows API有深入的理解，包括消息处理、菜单创建、用户交互等方面的知识。这不仅是一项技术挑战，也是一个优化用户体验的过程。在实际项目中，这种自定义菜单...

    禁止鼠标右击 网站定制自己的右键菜单

    ### 禁止鼠标右击及自定义右键菜单实现方法 #### 一、禁止鼠标右击的方法 在网页开发中，有时为了保护网站上的图片或文字不被轻易复制，或者是为了提供更好的用户体验，开发者会选择禁用网页上的鼠标右击功能。这...

    网页中自定义鼠标右键菜单

    网页中的自定义鼠标右键菜单是一项增强用户体验和交互性的技术，它允许开发者为网页提供更加个性化的功能。这种技术主要依赖于JavaScript和CSS，这两者是网页开发中的关键部分。 JavaScript，作为浏览器端的脚本...

    鼠标右击事件代码(asp.net后台)

    本文将详细介绍一个由JavaScript文件和ASPX文件组成的简单程序，该程序旨在处理鼠标右击事件，并通过JavaScript来实现一个自定义的右键菜单功能。值得注意的是，这个程序并没有使用传统的ASP.NET后台CS代码，而是...

    qt中的treeView的右击事件和双击事件

    你需要先创建一个`QStandardItemModel`或自定义的`QAbstractItemModel`来存储和管理数据，然后将其设置到`QTreeView`上。例如： ```cpp QStandardItemModel *model = new QStandardItemModel(this); // 添加数据到...

    JS简单实现自定义右键菜单实例

    通过阅读本文，开发者可以学习到如何使用JavaScript监听contextmenu事件，并利用DOM操作来创建并控制一个简单的自定义右键菜单，还可以了解到如何通过CSS来美化菜单界面，并添加简单的动画效果来提升用户体验。...

    HTML表格右键事件JS实现

    下面是一个简单的例子，展示了如何在表格上添加这个事件： ```javascript document.getElementById('myTable').addEventListener('contextmenu', function(event) { event.preventDefault(); // 阻止浏览器默认的...

    Bootstrap鼠标右键下拉菜单特效.zip

    你需要监听`contextmenu`事件（即鼠标右键点击事件），在事件处理函数中阻止浏览器默认的右键菜单，然后显示自定义的下拉菜单。这通常通过`event.preventDefault()`和`event.stopPropagation()`来完成。 4. **...

    用VBS控制鼠标的实现代码（获取鼠标坐标、鼠标移动、鼠标单击、鼠标双击、鼠标右击）

    接下来，我们将详细讲解如何利用VBS实现控制鼠标的各种操作，包括获取鼠标坐标、移动鼠标、模拟鼠标单击、双击和右击。 首先，我们要注意到，在VBS中实现这些操作需要调用Windows API函数。Windows API...

    echarts组织结构图及自定义右键菜单

    ECharts本身并不直接提供右键菜单的功能，但你可以通过监听鼠标事件来实现这一功能。在ECharts实例上注册`oncontextmenu`事件，当用户在图表上右击时，这个事件会被触发。然后，你可以弹出一个自定义的菜单，提供一...

    简单的DIV弹出层,随拿随用

    超简单弹出DIV层,一个js function 就可完成.无需要另外代码. 你可以进行展示,结合Ajax等

    磁盘文件工具-正方便的WinRAR压缩文件超级修复工具.rar

    它拥有强大的文件压缩能力，同时提供了丰富的自定义选项，让用户可以根据自己的需求进行设置。然而，尽管WinRAR具有较高的稳定性，但面对硬盘故障、电源中断或传输错误等情况下，压缩文件仍有可能受损。 在这种情况...

    用JS实现右键的复制，拈帖和剪切功能

    ### 使用JavaScript实现右键的复制、粘贴和剪切功能 #### 一、背景介绍 在Web开发过程中，有时我们需要模拟浏览器自带的右键菜单中的复制（Copy）、粘贴（Paste）以及剪切（Cut）功能。这不仅能够增强用户体验，还...

    JS 实现右击菜单

    一个简单的右击菜单可能包含几个`&lt;li&gt;`元素，每个元素都包含一个`&lt;a&gt;`标签，用于表示菜单项。例如： ```html &lt;li&gt;&lt;a href="#"&gt;复制&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;粘贴&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;剪切&lt;/a&gt;&lt;/li&gt; ``...

    Treelist使用实例(添加右击菜单)

    在 MouseDown 事件中，判断如果用户右击了某个节点，则显示右击菜单。下面是一个示例代码： `private void treeList1_MouseDown(object sender, MouseEventArgs e) { if (e.Button == MouseButtons.Right) { // ...

    C# TEXTBOX屏蔽右击弹出系统菜单

    要实现这个功能，我们需要在TextBox控件的鼠标事件中进行处理。具体来说，我们需要捕获鼠标右键点击的事件，并阻止它进一步触发系统菜单的显示。以下是详细的步骤和代码示例： 1. **添加事件处理程序**： 首先，...

    flash11.2新功能，Flex屏蔽右击菜单

    标题提到的"Flash 11.2新功能，Flex屏蔽右击菜单"是指在使用Adobe Flash Player 11.2及Flex框架进行开发时，如何阻止用户通过鼠标右键点击在应用程序上弹出默认的上下文菜单，以及如何自定义自己的右键菜单。...

    VC++在系统右键菜单中添加自定义菜单项

    此外，为了使用户能方便地执行这些操作，我们可以创建一个简单的GUI界面，包含两个按钮，一个用于添加菜单项，另一个用于删除。用户只需输入相应的参数，点击按钮即可完成操作。这涉及到MFC（Microsoft Foundation ...

Magicbox
Global site tag (gtag.js) - Google Analytics