鼠标按钮的兼容性

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title></title>    <script>        window.onload=function(){            document.onmousedown=function(event){//            alert(getButton(event));                if(getButton(event)==0)alert("左键");                if(getButton(event)==1)alert("中键");                if(getButton(event)==2)alert("右键");               };         };

/*       window.event这个属性是支持IE浏览器的,Chrome也是支持的,如果都支持,就已W3C为准   */

         function getButton(event){         var e=event||window.event;   //event的兼容性         if(event){  //如果支持,就直接返回            return e.button;         }else if(window.event){   //如果不支持,就执行以下程序             switch (e.button){                 case 1:       //1表示是IE的左键                     return 0;   //非IE(W3C)中的属性,0表示左键                 case  4:     //4表示是IE的中键                     return 1;  //非IE(W3C)中的属性,1表示中键                 case  2:     //2表示是IE的右键                     return 2;  //非IE(W3C)中的属性,2表示右键                 case 0:    //  360浏览器0表示右键                     return 2;   //非IE(W3C)中的属性,2表示右键             }         }         }

    </script></head><body>

</body></html>
时间: 2024-10-14 09:22:51

鼠标按钮的兼容性的相关文章

鼠标按钮

getButton: function(event){//鼠标按钮兼容 if (document.implementation.hasFeature('MouseEvents','2.0'))//标准下 { return event.button; }else { switch (event.button)//非标准下 { case 0: case 1: case 3: case 5: case 7: return 0; case 2: case 6: return 2; case 4: ret

鼠标滚轮事件、鼠标按钮

鼠标滚轮兼容: /* 事件:DOMMouseScroll(W3C).onmousewheel(IE/Opera/ChromeS) 滚轮方向判断:wheelDelta(IE/Opera/Chrome).detail(Firefox) 滚轮方向值:wheelDelta(上:120,下:-120).detail(上:-3,下:3) ps:注意某些时候需要阻止滚动默认行为 */ /** * 鼠标滚轮 * @param o{object}                绑定滚轮事件的对象 * @param

鼠标滚动事件兼容性 wheel、onwheel

wheelEvent = "onwheel" in document.createElement("div") ? "wheel" : // Modern browsers support "wheel" document.onmousewheel !== undefined ? "mousewheel" : // Webkit and IE support at least "mousewhee

整理之DOM事件阶段、冒泡与捕获、事件委托、ie事件和dom模型事件、鼠标事件

整理之DOM事件阶段 本文主要解决的问题: 事件流 DOM事件流的三个阶段 先理解流的概念 在现今的JavaScript中随处可见.比如说React中的单向数据流,Node中的流,又或是今天本文所讲的DOM事件流.都是流的一种生动体现.用术语说流是对输入输出设备的抽象.以程序的角度说,流是具有方向的数据. 事件流分事件冒泡与事件捕获 在浏览器发展的过程中,开发团队遇到了一个问题.那就是页面中的哪一部分拥有特定的事件? 可以想象画在一张纸上的一组同心圆,如果你把手指放在圆心上,那么你的手指指向的其

Delphi下利用WinIo模拟鼠标键盘详解

http://www.cnblogs.com/rogee/archive/2010/09/14/1827248.html 本文最早在编程论坛上发表,文章地址:http://programbbs.com/bbs/view12-17207-1.htm,相关文件可以在上述地址的页面中下载.转载时请注明出处. 前言 一日发现SendInput对某程序居然无效,无奈只好开始研究WinIo.上网查了很多资料,发现关于WinIo模拟鼠标键盘的资料很少,有的也只是支言片语讲的不是很详细,而且大部分都是关于模拟键

常用原生JS方法总结(兼容性写法)

①添加事件方法 1 2 3 4 5 6 7 8 9 addHandler:function(element,type,handler){     if(element.addEventListener){//检测是否为DOM2级方法         element.addEventListener(type, handler, false);     }else if (element.attachEvent){//检测是否为IE级方法         element.attachEvent("

javascript基础——鼠标事件,系统对话框等

1.鼠标事件 (1).onclick:用户点击鼠标左键,以及当焦点在一个按钮上时,用户按Enter键时,发生onclick事件 (2).ondblclick:用户双击鼠标左键时,发生ondblclick事件 (3).onmousedown:用户按下任意鼠标按钮的时候,发生onmousedown事件 (4).onmouseout:当光标在一个元素上,并且用户将其移出元素边界时,发生onmouseout事件 (5).onmouseover:当光标在一个元素之外,并且用户将移动到该元素上时,发生onm

JavaScript 鼠标事件

鼠标事件是Web开发中最常用的一类事件. DOM3级事件中定义了9个鼠标事件,分别如下: click.dbclick.mousedown.mouseenter.mouseleave.mousemove.mouseover.mouseout.mouseup. click:在用户单击鼠标按钮时,或者按下回车键时触发.这点对确保易访问性很重要,意味着onclick时间处理程序既可以通过键盘也可以通过鼠标执行.

JavaScript的事件对象_鼠标事件

鼠标事件是 Web 上面最常用的一类事件,毕竟鼠标还是最主要的定位设备.那么通过事件对象可以获取到鼠标按钮信息和屏幕坐标获取等. 一.鼠标按钮 只有在主鼠标按钮被单击时(常规一般是鼠标左键)才会触发 click 事件,因此检测按钮的信息并不是必要的. 但对于 mousedown 和 mouseup 事件来说,则在其 event 对象存在一个 button 属性,表示按下或释放按钮. <script type="text/javascript"> window.onload