firefox下禁止鼠标中键事件无效解决方案-HTML教程-爱易网页

firefox下禁止鼠标中键事件无效解决方案

日期：2014-05-17　浏览次数：20679 次

firefox下禁止鼠标中键事件无效
大家好,我想禁止页面中的鼠标中键点击拖曳的动作
所以就想禁止页面中的鼠标中键点击,写了这个函数,在IE CHROME都OK
但是FF没有作用,FF已经判断到了e.which为2,能打印出1,但是依然能拖曳
让我很惆怅,已经在网上搜了很多时间,没有解决方法
不是伸手党,努力无果,求高手指点...谢谢



$(function(){

$(window).mousedown(function(e){

	if(e.which == 2) // 1 = 鼠标左键 left; 2 = 鼠标中键; 3 = 鼠标右键

                alert("1");

		return false;//阻止链接跳转

	})

	return false;

})

------解决方案--------------------
可能是个BUG，下面的代码也阻止不了。。

$(function() {

    $(window).mousedown(function(e) {

        if (e.which == 2) { // 1 = 鼠标左键 left; 2 = 鼠标中键; 3 = 鼠标右键

			//alert(e.cancelable); //true,说明该事件是可以被取消的

			e.preventDefault();

            return false; //阻止链接跳转

        }

    });

    return false;

});

------解决方案--------------------
借用的
http://topic.csdn.net/u/20120513/20/154acc79-6d63-420f-9aa7-d0f2262df18d.html
例子



<!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-Type" content="text/html; charset=gb2312" />

<title>拖动</title>

<style type="text/css">

*{ margin:0; padding:0;}

html,body{ height:100%; width:100%; font-size:12px;}

#picrun{ position:absolute; top:10px; height:100px; left:100px; width:500px; overflow:hidden;}

#picrun li{ list-style:none; float:left; margin-left:12px; text-align:center; background:#FFF; width:100px;}

#picrun img{ width:100px; height:60px; border:none;display:block; padding-bottom:3px;}

</style>

</head>



<body>

<div id="container">



</div>

<div id="picrun">

    <ul id="li_img">

        <li><a href=""><img src="http://www.baidu.com/img/513_01d1df20e56f282ab5104866d0a718de.gif" /></a>1这里哪个厅</li>

        <li><a href=""><img src="http://www.baidu.com/img/513_01d1df20e56f282ab5104866d0a718de.gif" /></a>2哪个厅这个</li>

        <li><a href="http://www.baidu.com"><img src="http://www.baidu.com/img/513_01d1df20e56f282ab5104866d0a718de.gif" /></a>3这里哪个厅</li>

        <li><a href=""><img src="http://www.baidu.com/img/513_01d1df20e56f282ab5104866d0a718de.gif" /></a>4哪个厅这个</li>

        <li><a href=""><img src="http://www.baidu.com/img/513_01d1df20e56f282ab5104866d0a718de.gif" /></a>5这里哪个厅</li>

        <li><a href=""><img src="http://www.baidu.com/img/513_01d1df20e56f282ab5104866d0a718de.gif"

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

firefox下禁止鼠标中键事件无效解决方案

相关资料更多>

推荐阅读更多>