右键菜单oncontextmenu

右键菜单[上下文菜单]:oncontextmenu    
        浏览器自带的:
            a标签可以点击,输入框可以输入文字,可以选中文字····
            阻止浏览器默认:return false;
                            window.onload=function(){
                                            var oMenu=document.getElementById("menu");
                                            document.oncontextmenu=function(ev){  //鼠标右键事件
                                                                var e=ev||event;
                                                                var l=e.clientX;
                                                                var t=e.clientY;
                                                                oMenu.style.display=‘block‘;
                                                                oMenu.style.left=l+‘px‘;
                                                                oMenu.style.top=t+‘px‘;
                                                                return false;//阻止浏览器默认的事件;
                                            }
                                            document.onclick=function(){
                                            oMenu.style.display=‘none‘;
                                            }
                                        }

时间: 2024-10-10 13:56:43

右键菜单oncontextmenu的相关文章

HTML自定义右键菜单oncontextmenu

右键菜单原理:取消右键菜单oncontextmenu的默认事件,然后添加自定义样式. 一.阻止默认事件 ie: window.event.returnValue = false; w3c: window,event.preventDafault(); 二.阻止事件流 ie: window.event.cancleBubble = true; w3c: window.event.stopPropagation(); 三.代码 不用window获取窗口,因为该元素不支持ie8,采用document.

自定义右键菜单

自定义右键菜单 技术一般水平有限,有什么错的地方,望大家指正. 自定义右键菜单,对于一些ERP系统,功能操作比较多,所以我们通常把常用的几个功能放在自定义的右键菜单里方便用户使用. 实现自定义菜单很简单,首先我们要屏蔽原始的右键菜单,自定义菜单出现在鼠标的位置,点击隐藏自定义菜单,过程就是这样的. *{margin:0;padding:0} a{text-decoration:none} ul li{list-style:none} .menu{border:1px solid black;bo

jQuery EasyUI 右键菜单--关闭标签/选项卡

目录结构: noContextMenu.js 文件内容如下: $(function(){ //屏蔽右键菜单 $(document).bind("contextmenu", function(e){ return false; }); }); 效果图: 方式 一: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOC

阻止右键菜单(阻止默认事件)&amp;&amp;跟随鼠标移动(大图展示)&amp;&amp;自定义右键菜单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

完美拖拽 &amp;&amp;仿腾讯微博效果&amp;&amp; 自定义多级右键菜单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

5Windows_system_right_menu右键菜单

// 5Windows_system_right_menu右键菜单.cpp : 定义应用程序的入口点. // #include "stdafx.h" #include "5Windows_system_right_menu右键菜单.h" // 4Windows_System_menu.cpp : 定义应用程序的入口点. // #include <iostream> #define PrintLog(x) WriteConsole(g_hStdout, x

BHO多线程中实现右键菜单

在BHO中实现右键菜单网上相关文章很多,可以通过实现IDocHostUIHandler接口的ShowContextMenu.截获HTMLDocumentEvents2的OnContextMenu消息等. 但这两种方式都必须在浏览器线程中实现才能正常弹出右键菜单,当你需要在另外的线程中实现右键菜单,这就不行了,TrackPopupMenuEx的时候会直接略过. 我采取的方式是建一个看不见的窗口,TrackPopupMenuEx所需的窗口句柄设置为该窗口. 构建一个轻量级的窗体类: #include

禁用网页右键菜单和鼠标拖动选择

一.禁止鼠标右键菜单: 有如下两种方法来禁止鼠标右键 1.在HTML元素的Body标签中加入Javascript事件句柄,代码如下: <body onContextMenu="return false"> 说明:您也可以在网页指定的位置禁止右键,比如您只想在网页中的某个图片上禁右键防下载,或您只想在网页中的一段文字或表格上禁右键,您也只需将如上红色代码加入到相应的HTML标签元素中,例: <img src="logo.gif" width=88 h

javascript-默认行为/右键菜单

1.自定义右键菜单 <!doctype html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Document</title>     <style type="text/css" media="screen">         #div1 {width: 100