1. 爱易网页
  2. JavaSript
  3. js怎么禁用一个事件

js怎么禁用一个事件

日期：2014-05-16　 浏览次数：20439 次

js如何禁用一个事件
JScript code

$("#right").mouseenter(function () {});

$("#right").mouseleave(function () {});
//我想在执行mouseenter的时候把mouseleave给禁用掉，因为在FF浏览器里 mouseenter和mouseleave几乎是同时执行的


------解决方案--------------------
$("#right").mouseenter(function () {});

$("#right").mouseleave(function () {return;});
行不！

------解决方案--------------------
$("#right").unbind('mouseleave');
------解决方案--------------------
探讨
JScript code

$("#right").mouseenter(function () {});

$("#right").mouseleave(function () {});
//我想在执行mouseenter的时候把mouseleave给禁用掉，因为在FF浏览器里 mouseenter和mouseleave几乎是同时执行的

------解决方案--------------------
http://xiebiji.com/2010/02/js_mouseenter_mouseleave/?wptheme=Plainscape&ie=1

可以试试这个方法。。。
------解决方案--------------------
我没试过。。你确定这2个有必然关系。。一个是进入事件，，，一个是离开事件。。可能同时触发？！
------解决方案--------------------
onclick="javascript :return false;"

------解决方案--------------------
你详细描述一下问题的症状，有可能是代码其它部分有问题。
光看这两行代码看不出来什么，通常这样写是不会有问题的。
------解决方案--------------------
简单得很

$("#right").mouseenter(function () {$("#right").mouseleave=undefind;});


------解决方案--------------------
event.PreventDefault()
------解决方案--------------------
event.PreventDefault()
jquery中有这个函数的。
1.4应该是有的。
------解决方案--------------------
HTML code

<!DOCTYPE HTML> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title>mouseerter与mouseover区别(IE下测试)</title> 
</head> 
<body> 
<div id="result" style="position:absolute;right:100px;top:5px;width:250px;height:400px;border:2px solid gray;overflow:auto;"> 
</div> 
<h3>1，鼠标在div[id=parent1]内部移动时也会触发mouseover事件</h3> 
<div id="parent1" style="width:400px;border:1px solid gray;padding:5px;"> 
<div id="child11" style="width:100px;height:100px;background:gold;float:left;">Child11</div> 
<div id="child12" style="width:100px;height:100px;background:gold;float:right;">Child12</div> 
<div style="clear:both;"></div> 
</div> 

 
<h3>2，鼠标在div[id=parent2]内部移动时也不会触发mouseenter事件</h3> 
<div id="parent2" style="width:400px;border:1px solid gray;padding:5px;"> 
<div id="child21" style="width:100px;height:100px;background:gold;float:left;">Child21</div> 
<div id="child22" style="width:100px;height:100px;background:gold;float:right;">Child22</div> 
<div style="clear:both;"></div> 
</div> 

<script type="text/javascript"> 
function on(el,type,fn){ 
el.addEventListener ? el.addEventListener(type, fn, false) : el.attachEvent('on' + type, fn); 
} 
function $(id){ 
return document.getElementById(id); 
} 
var p1 = $('parent1'), 
p2 = $('parent2'); 
function fn(e){ 
var d = document.createElement('div'); 
d.innerHTML = e.type; 
$('result').appendChild(d); 
} 
on(p1,'mouseover',fn); 
on(p2,'mouseenter',fn); 
</script> 
<body> 
</html>

相关资料更多>

  1. 复杂表格怎样动态出,该如何解决
  2. 求一正则表达试，
  3. javascript/js 自动刷新页面跟页面跳转的实现方法(自动执行)
  4. 应用javascript打开网页的两种方法
  5. 关于extjs里面的 RowEditor 的简单有关问题
  6. chrome浏览器选择文本有关问题
  7. LearningExtJS_new 之 GRID的运用学习(三)
  8. Struts2+Jquery实现ajax并回到json类型数据
  9. 请教：后台用UTF-8进行编码的文本，传递到前台页面，前台用JS怎么让进行解码还原