1.用$.contains判断
$(document).mousemove(function(e){
if($.contains($('.box')[0],e.target) || $.contains($('.box')[0]==e.target)){
alert('鼠标在box盒子里')}
else{alert('鼠标不在box盒子里')}
$.contains
是jQuery里用来判断一个标签是否包含另一个标签的方法,其用法是$.contains(父元素,子元素)
。但是$.contains
包含的两个对象必须是DOM对象,不能是jQuery对象,$('.box')[0]
表示将jQuery对象转换成DOM对象。e.target表示鼠标触发的节点,所以$.contains($('.box')[0],e.target)
表示判断鼠标触发的节点是不是在box盒子里。
2. 用mouseover,mouseout判断
$('.box').mouseover(function(){
alert('鼠标包含在盒子里')
}).mouseout(function(){
alert('鼠标不包含在盒子里')
缺点:在页面初始化时,也就是刚打开页面,是判断不出来的,只有把鼠标移上div一次,激活了mouseover事件后,才能判断。
3. 通过x,y的坐标值来判断
var x=e.clientX; //鼠标相对屏幕的横坐标
var y=e.clientY; //鼠标相对屏幕的纵坐标
var div_x_1 = $('.box').offset().left; //box相对屏幕的横坐标
var div_y_1 = $('.box').offset().top; //box相对屏幕的纵坐标
var div_x_2 = $('.box').offset().left+('.box').outerWidth();
var div_y_2 = $('.box').offset().top+('.box').outerHeight();
if(x < div_x1 || x > div_x_2 || y < div_y_1 || y > div_y_2){
alert('鼠标不在box盒子里')
}else{alert('鼠标包含在box里')}
第一种方法:1.用$.contains判断 $(document).mousemove(function(e){ if($.contains($('.box')[0],e.target) || $.contains($('.box')[0]==e.target)){ alert('鼠标在box盒子里')} else{alert('鼠标不在box盒子里')}})$.contains是jQuery里用来判断一个标签是否包含另一个标签的方法,其用法是$.contains(父元素,子元素)。但是$
var Menustr="1,2,3,4,5,6,7,8,9,10,11,12,";
var Menarrstr=Menustr.split(",");
if ($.inArray($(this).attr("id"), Menarrstr)) {
//...
以上这篇jQuery 判断是否包含在数组中Array[]的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。
2 <head>
3 <title>你用的盒子模型是?</title>
4 <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
5 <script type="text/ja...
contains 判断某个元素是不是选定元素的子元素或者本身。
window.event.target 返回事件的目标节点,比如点击了某个<div></div>就会返回div。
addEventListener 事件监听 window.addEventListener('click',function(){}...
jQuery获取鼠标的坐标位置
这里用到两个属性:event.pageX和event.pageY
event.pageX:该属性返回鼠标指针的位置,相对于文档的左边缘;该事件属性通常与event.pageY属性一起使用
event.pageY:该属性返回鼠标指针的位置,相对于文档的上边缘;该事件属性通常与event.pageX属性一起使用
通过这两个属性,可以确定元素在当前页面的坐标值,鼠标相对以文档的左边缘的位.........
div的onmouseout事件让div消失时,会出现这样的情况,就是当鼠标移至div中的其它内容时,此时也判定为离开div,会触发onmouseout事件,这样div中的内容就不能操作了。解决的办法是当触发onmouseout事件时,先判断鼠标是否在div内,如果在,说明鼠标并没有离开div,就不删除div,否则,删除之。OK,现在问题解决了。
就是找到该div左上角和右下角坐标,判断鼠标的坐
使用jQuery的hasClass()方法来判断元素是否包含某个类名。该方法返回一个布尔值,如果元素包含该类名,则返回true,否则返回false。例如:
if ($("#myElement").hasClass("myClass")) {
// do something