`
QuarterLifeForJava
  • 浏览: 176292 次
  • 性别: 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  
发表评论

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

相关推荐

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

    本篇文章主要介绍了JS简单实现自定义右键菜单实例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

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

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

    js扫雷(透视模式，自定义图片，难度任选)

    4.为了增强游戏体验，点击空白格子，自动打开周边格子，右击标好雷后，双击周边对应数字，打开周边其他未标雷的格子。 5.自定义图片，选择你的图片，替换资源包中img目录下的图片，名称须保持一致。 6.局内增加了...

    VapStuff：一个向SMP添加内容的插件，旨在与ScriptableMC（1.16.5）一起使用

    通过在空中右击鼠标，可以使用手工制作的桌子和收纳箱。 草播种机 通过右键单击带有3个种子的污垢，可以使它们变成草皮。 额外食谱 对于我来说，添加使用实体的自定义配方的简单方法。 希望将来可以上钩。 它是 :...

    强化DataGrid控件功能代码

    通过自定义类的设计来增强该控件的功能，使DataGrid 具有查找、筛选、排序、显示或隐藏列控制、读写列控制以及同步数据内容导出的功能，并且以上下文菜单的形式封装这些功能，使用户通过右击鼠标就能选择相应菜单的...

    Mini字幕滚动器v1.23

    Mini字幕滚动器是一款简单的字幕滚动工具，适合大多数学校、公司、店铺、酒店、发廊，用于电脑上循环播放 公告信息、店铺优惠信息等内容，获取更多详情，请进入官方...5.支持右击鼠标、快捷键进入 6.字幕滚动速度最小可

    Sysprep Chief Executive Officer系统封装首席执行官

    Sysprep Chief Executive Officer 意为系统封装首席执行官，简称Sc，由系统总裁网站(http://www.sysceo.com/)开发研制，是一款面对Windows操作系统封装的一款辅助工具，界面友好、简单易用、智能高效、自定义强，是...

    CuteFTP9简易汉化版

    自定义Commands-Create组常用的命令序列并将它们分配给一个快速访问的快捷键。如果需要,将直接FTP命令发送到FTP服务器使用原始的FTP命令功能的FTP会话更细粒度的控制。 文件Properties-View或更改权限(CHMOD)多个...

    vc++ 开发实例源码包

    2.鼠标右击列表选择或取消监控某端口数据 3.为防止ping攻击,一般情况ping数据全部监控 4.监控某端口数据时,不监控ping包 5.数据超过20k将被清空 6.右边窗口停止抓包后显示十六进制数 hyperlink 自绘CStatic,实现...

    Microsoft Spy++ v10.00.30319 (x86).7z

    Microsoft Spy++是一个非常好的查看Windows操作系统的窗口、消息、进程、线程信息的工具，简单易用，功能强大(Delphi也提供了一个类似的工具WinSight32，但在方便性、易用性上实在不及Spy++)。 Microsoft Spy++一直...

    正宗笔画输入法(诺基亚手机通用输入法)

    最简单的使用。任何人不用学就会电脑打字。 家庭必备。不懂拼音又不懂五笔的人士专用。 收录全部GBK汉字。右击查字典。 支持鼠标打字！ 支持数字小键盘打字！ 支持自定义键位！ 超智能联想！ 最人性化的设计！

    正宗笔画输入法（四合一）

    最简单的使用。任何人不用学就会电脑打字。 家庭必备。不懂拼音又不懂五笔的人士专用。 收录全部GBK汉字。右击查字典。 支持鼠标打字！ 支持数字小键盘打字！ 支持自定义键位！ 超智能联想！ 最人性化的设计！

    乖乖de语音报时时钟

    软件特点：实用、简单、绿色 ---------------------------- 一、功能简介 1.自动整点、半点语音报时或音乐提醒 2.定时或指定时间关机、音乐提醒等 3.提供一个可自由拖动、定时更换界面皮肤的透明模拟时钟 ----------...

    知识抢答系统 v4.2.zip

    如图所示，点击进入比赛按钮，即进入比赛界面，在此界面，如果控制面板已经隐藏，将鼠标移动到窗口右边框处或在比赛窗口背景图上右击鼠标将出现控制面板，鼠标移出控制面板或右击鼠标，控制面板又隐藏起来。...

    正宗笔画输入法 v8.03.zip

    最简单的使用。任何人不用学就会电脑打字。家庭必备。不懂拼音又不懂五笔的人士专用。收录全部GBK汉字。右击查字典。支持鼠标打字！支持数字小键盘打字！支持自定义键位！超智能联想！最人性化的设计！ 正宗笔画...

    MAPGIS地质制图工具

    4、点确定后，就可以拉直线了，点鼠标左键，不要松开鼠标左键，移到你要的地方后（可用滚轮放大缩小），松开鼠标左键。会弹出存储数据成功对话框。点确定后，会在地形图上出现一条红色的剖面线。 5、选择读取钻孔...

    里诺进销存管理系统2017去暗桩破解版

    1.软件界面直观、操作简单，支持全键盘操作； 2.软件支持入库、出库、退库、调库、借出、归还、盘点等多项货物操作流程; 3.软件支持固定单价，加权平均价和移动加权平均法计算成本； 4.软件支持多仓库管理； 5.强大...

    Foxit Reader（福昕阅读器）FoxitReader22

    因为福昕阅读器带来了非常突出的优势，功能简单实用方便，极大地提升了用户体验。它的这些特点突出表现在： 难以置信的小巧体积：下载包容量仅2.1兆，只占Acrobat Reader 20兆容量的一小部分。 快捷的启动速度：...

    飞虎触摸屏浏览器 v1.0.rar

    飞虎触摸屏浏览器是一款专门针对触摸屏一体机摸屏应用而开发的浏览器软件。软件基于IE内核，提供访问本地及远程网页功能，软件功能强大，不仅能提供访问本地...在这里用户可以根据自己的需要对软件进行简单的设置功能。

    Wa0Desktop 快捷桌面

    　每行的图标都采用了原有的文件名进行命名，如果用户想自定义其文件名，只需在其文件名处单击鼠标即可修改，这里用户所要注意的是，在此时所修改的文件名并不影响该文件原有的文件名，例如我这里将QQ影音图标改名为...

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