Javascript判断鼠标点击右击事件

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
window.onload = function(){
//去掉默认的contextmenu事件，否则会和右键事件同时出现。
document.oncontextmenu = function(e){
e.preventDefault();
};
document.getElementsByTagName("body")[0].onmousedown = function(e){
if(e.button ==2){
alert("你点了右键");
}else if(e.button ==0){
alert("你点了左键");
}else if(e.button ==1){
alert("你点了滚轮");
}
}
}
</script>
</head>
<body>

<div style="width: 400px;height:400px;margin:auto;border:1px solid pink" id="test"></div>
</body>
</html>

时间： 2024-08-02 16:53:13

Javascript判断鼠标点击右击事件的相关文章

JavaScript获取鼠标点击坐标

如何用JavaScript获取鼠标点击时在canvas画布上的坐标呢: 代码如下: -------------------------------------------------------------- 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>demo</title> 6

判断鼠标点击在div外时，更改背景图片

学习起步时,本人试着在web端界面上仿照qq客户端主菜单,做出了一个界面. 当做到qq主菜单的搜索框时,发现点击搜索框后,里面的背景图片会消失,如下面2张图所示:      点击前                                                                      点击后 尽管类似这种判断鼠标是否点击在div外,以更改背景图片的应用在web开发中并不多见,但是我们还是需要明白,应如何实现对鼠标是否点击在div外的判断. 在这里,我采用了如下代

javaScript判断鼠标滚轮的上下滚动

分享一个js实现判断鼠标滚轮的上下滚动: 1 <script type="text/javascript"> 2 var scrollFunc = function (e) { 3 e = e || window.event; 4 if (e.wheelDelta) { //判断浏览器IE,谷歌滑轮事件 5 if (e.wheelDelta > 0) { //当滑轮向上滚动时 6 alert("滑轮向上滚动"); 7 } 8 if (e.wheel

JavaScript 获取鼠标点击位置坐标

转自:http://www.cnblogs.com/dolphinX/archive/2012/10/09/2717119.html 在一些DOM操作中我们经常会跟元素的位置打交道,鼠标交互式一个经常用到的方面,令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果,这篇文章就上鼠标点击位置坐标获取做一些简单的总结,没特殊声明代码在IE8,FireFox,Chrome下进行测试兼容 鼠标点击位置坐标 相对于屏幕 如果是涉及到鼠标点击确定位置相对比较简单,获取到鼠标点击事件后,事件scr

处理鼠标点击物体事件

如果需要处理鼠标点击物体的情况: using UnityEngine; using System.Collections; public class example : MonoBehaviour { void OnMouseOver() { renderer.material.color -= new Color(0.1F, 0, 0) * Time.deltaTime; } }

javascript获取鼠标点击位置的坐标兼容写法

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>获取鼠标点击位置</title> 6 <script> //考虑浏览器滚动条 7 function getMousePos(event) { 8 var e = event || window.event; 9 var scr

JavaScript基础 鼠标放上触发事件onmouseover 鼠标移开触发事件onmouseout

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

javascript判断是否手机设备+滑动事件

//判断是否手机端 var isMobile = false; try { //手机端 document.createEvent("TouchEvent"); isMobile = true; } catch (e) { //pc } //手势事件 var startX = 0, endX = 0, move_left = null; //按下时触发 $('元素').on('touchstart', function (e) { e.preventDefault() var touch

C# 在获得鼠标点击事件时，如何判断Control键，Shift键被按下

在C#的窗体程序中,获得鼠标点击的事件时,想要得知当前是否有Control键,Shift键等是否被按下. 1 private void xxx_MouseClick(object sender, MouseEventArgs e) 2 { 3 if ((Control.ModifierKeys & Keys.Control) == Keys.Control)// CTRL is pressed 4 { 5 6 } 7 8 if ((Control.ModifierKeys & Keys.S