js 跨浏览器获取鼠标按键的值

 document.onmousedown = function( e ){

		alert(getButton(e))    // e.button  W3C是获取鼠标按键  0 表示左键 1表示中键 2表示右键
   而IE浏览器则是 1表示左键 4表示中间 2表示右键  这里的IE浏览器主要是IE8以下的浏览器
	};
	function getButton(e){
		/*
			1、window.event这个属性IE和Chrome都是支持的
			2、但是Chrome也是支持W3C的
			3、所以,如果说W3C和IE都支持的话,那么就已W3C做为标准化
		*/
		if( e ){   // 作为第一次判断Chrome 就以W3C为标准了
			return e.button;
		}else if( window.event ){
			switch( window.event.button ){
				case 1 : return 0;             // 返回鼠标左键的值
				case 4 : return 1;             // 返回鼠标中键的值
				case 2 : return 2;             // 返回鼠标右键的值
				case 0 : return 2;             // 返回鼠标右键的值 主要是360浏览器会返回了 在IE浏览器中
返回的0是代表没有按下鼠标键的时候所返回来的值
			};
		};
	};

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索鼠标
, 浏览器
, w3c
, return
, case
, 支持
, 获取按键
JS判断按键
按键精灵获取鼠标坐标、获取鼠标的按键事件、按键精灵获取鼠标位置、获取鼠标按键状态、vc 获取鼠标按键状态,以便于您获取更多的相关知识。

时间: 2024-10-28 08:21:14

js 跨浏览器获取鼠标按键的值的相关文章

原生js实现跨浏览器获取鼠标按键的值_javascript技巧

复制代码 代码如下: document.onmousedown = function( e ){ alert(getButton(e)) // e.button W3C是获取鼠标按键 0 表示左键 1表示中键 2表示右键 而IE浏览器则是 1表示左键 4表示中间 2表示右键 这里的IE浏览器主要是IE8以下的浏览器 }; function getButton(e){ /* 1.window.event这个属性IE和Chrome都是支持的 2.但是Chrome也是支持W3C的 3.所以,如果说W3

JavaScript跨浏览器获取页面中相同class节点的方法

 这篇文章主要介绍了JavaScript跨浏览器获取页面中相同class节点的方法,本文讲解使用getELementsByClassName函数解决这个需求,并给了一个开源的getELementsByClassName函数实现,功能更加强大,需要的朋友可以参考下     网页开发时,在很多时候我们需要操作相同类名的元素,即class相同的元素.昨天参加笔试,有一道相关的题目没答上来: JavaScript获取页面中class为test的节点 于是收集了一些相关的资料,在本文中列举了两种我觉得比较

js跨浏览器的事件侦听器和事件对象的使用方法_javascript技巧

本文特意为跨浏览器实现添加事件侦听器和跨浏览器事件对象的使用方法做了下总结,并把这些方法打包,欢迎大家学习. 打包的一个EventUtil对象 var EventUtil = { // 添加侦听事件 addEventListener:function (element, type, handler) { // IE9+.Firefox.Safari.chrome和Opera if(element.addEventListener) { element.addEventListener(type,

jquery.fileEveryWhere.js跨浏览器显示的file上传控件

我们可以到 主页:http://aquantum-demo.appspot.com/file-upload 下载:https://github.com/blueimp/jQuery-File-Upload 示例:http://aquantum-demo.appspot.com/file-upload 要让file在各个浏览器显示统一,纯样式已经控制不了,只能用js脚本了.基本步骤有3:  1,通过文本框和按钮去模拟一个input type="file".  2,把input="

Js与Jq 获取页面元素值的方法和差异对比_jquery

JS与Jquery 都能获取页面元素的宽度,高度和相对位移等数值,那他们之间能相互转换或替代吗,写法又有哪些差异呢?本文将详细为你介绍. 1.Js获取浏览器高度和宽度 document.documentElement.clientWidth ==> 浏览器可见区域宽度 document.documentElement.clientHeight ==> 浏览器可见区域高度 document.body.clientWidth ==> BODY对象宽度 document.body.client

JavaScript跨浏览器获取页面中相同class节点的方法_javascript技巧

网页开发时,在很多时候我们需要操作相同类名的元素,即class相同的元素.昨天参加笔试,有一道相关的题目没答上来: JavaScript获取页面中class为test的节点 于是收集了一些相关的资料,在本文中列举了两种我觉得比较好的方法,不足之处,还望大家批评指正.如果大家有更好的方法,希望可以分享. Solution1 Jeremy Keuth方案 Jeremy Keuth大叔在<JavaScript DOM 编程艺术>(第2版)(英文:DOM Scripting-Web Design wi

js 跨浏览器事件

<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <meta content="IE=8" http-equiv="X-UA-Compatible"/> <title>Event系统 by 司徒正美</title> <style type="text

跨浏览器常用事件

//跨浏览器添加事件  function addEvent(obj, type, fn) { if (obj.addEventListener) { obj.addEventListener(type, fn, false); } else if (obj.attachEvent) { obj.attachEvent('on' + type, function () { fn.call(obj); }); } }   //跨浏览器移除事件 function removeEvent(obj, ty

JavaScript中的跨浏览器事件操作的基本方法整理_基础知识

绑定事件 EU.addHandler = function(element,type,handler){ //DOM2级事件处理,IE9也支持 if(element.addEventListener){ element.addEventListener(type,handler,false); } else if(element.attachEvent){ //type加'on' //IE9也可以这样绑定 element.attachEvent('on' + type,handler); } /