注册
登录
| 关键词： nbsp 方法 鼠标 mouseover mouseout 事件 代码 function 但是 一下 |
通过mouseover，mouseout来触发事件，才判断鼠标是否在该区域。 但是这种方法的局限性就是，必须要触发mouseover，或mouseout，mouseleave事件才能知道 今天研究了一下这个问题，也普及了一下知识吧。 方法一： 通过mouseover，mouseout来触发事件，才判断鼠标是否在该区域。 但是这种方法的局限性就是，必须要触发mouseover，或mouseout，mouseleave事件才能知道。 代码如下: function chkIn() { div_1.innerText = "现在你把鼠标移入层了！"; div_1.style.font = "normal black"; } function chkOut() { div_1.innerText = "现在你把鼠标移出层了！"; div_1.style.font = "bold red"; } 代码如下: <div id="div_1" style="background-color:lightblue; width:400px; height:300px; " onMouseOver="chkIn()" onMouseOut="chkOut()">This is a DIV </div> 方法二： 代码如下: function checkIn(e){ var x=window.event.clientX; var y=window.event.clientY; var str= ' '; for(i=0;i <document.body.children.length;i++){ var obj=document.body.children[i]; if(x> obj.offsetLeft &&x <(obj.offsetLeft+obj.clientWidth) &&y> obj.offsetTop &&y <(obj.offsetTop+obj.clientHeight)){ str+= ' <鼠标位于层 '+obj.id+ '范围之内> n '; }else{ str+= ' <鼠标位于层 '+obj.id+ '范围之外> n '; } } alert(str); } document.onclick=checkIn 方法三： 这个方法是最简单的实用的。 代码如下:if(myDiv.contains(window.event.srcElement)) 即 if(myDiv.contains(鼠标位置的元素对象)) 具体情况还是要根据自己需要来选择，我是调试了一下方法三，但是具体也没使用上。 其他方法，继续研究中。 |
|
声明：文章版权归原作者所有 部分文章转自互联网 如有侵权请联系
[邮箱地址] 删除
|
