2024年10月inmouseout是什么意思（jQuery中的mouseleave和mouseout的区别）
⑴inmouseout是什么意思（jQuery中的mouseleave和mouseout的区别
⑵jQuery中的mouseleave和mouseout的区别
⑶$(“li“).each(function(i){//删除的鼠标划过的显示与隐藏$(this).mouseover(function(){$(this).find(“.del“).fadeIn();})$(this).mouseleave(function(){$(this).find(“.del“).fadeOut();})})上面的代码中如果不是用的mouseleave而是mouseout的话你会发现尚未离开类名的.del这个DIV这个DIV有时候就会闪动。那是因为你可能离开了该DIV的子元素，所以会出发mouseout事件。具体mouseleave和mouseout两者之间的区别主要有以下两点：.不论鼠标指针离开被选元素还是任何子元素，都会触发mouseout事件。.只有在鼠标指针离开被选元素时，才会触发mouseleave事件。
⑷请问JQueryhover()如何防止鼠标移动频率过高
⑸这个没法控制，这个事件本来就是选择鼠标指针浮动在其上的元素，并设置其样式的。一般正常使用的情况下，并没有人习惯性不停的在同一个小区域移动鼠标的。
⑹网页编程问题，javascript
⑺function?showdiv(obj,obj){????obj.click(function()?{????????var?box?=?;????????var?th?=?$(window).scrollTop()?+?$(window).height()?/?.?-?box;????????var?h?=?document.body.clientHeight;????????var?rw?=?$(window).width()?/??-?box;????????obj.animate({????????????top:?th,????????????opacity:?’show’,????????????width:?,????????????height:?,????????????right:?rw????????},?);????????if($(“.mask“).length){????????????$(“.mask“).fadeIn();????????}else{????????????$(“body“).prepend(“《div?class=’mask’》《/div》“);????????????$(“.mask“).css({????????????????opacity:?“.“????????????}).css(“height“,?h);????????}????????return?false;????});????obj.find(“.close“).click(function()?{????????obj.animate({????????????top:?,????????????opacity:?’hide’,????????????width:?,????????????height:?,????????????right:?????????},?);????????$(“.mask“).fadeOut(“fast“);????});}$(document).ready(function()?{????showdiv($(“.showdiv“),$(“.showbox“));????showdiv($(“.showdiv“),$(“.showbox“));});
⑻web前端必备英语词汇都在这儿了，客官你了解多少
⑼appendChild放置到某元素最后attribute属性addEventListener添加侦听器assign赋值alert弹出框append添加appendTo添加到absolute绝对的active活动的，激活的，标记的一个伪类align对齐alpha透明度，半透明anchor锚记标记是这个单词的缩写anchor锚记《a》标记是这个单词的缩写arrow箭头auto自动appName程序名appCodeName程序代号appVersion程序版本appAgent程序代理abs取绝对值array数组back超过范围的三次方缓动bounce指数衰减的反弹缓动before在...之前blur当输入框失焦的时候触发BOM全称BrowserObjectModel浏览器对象模型blur失焦bind绑定background背景border边框border边框banner页面上的一个横条both二者都是clear属性的一个属性值both二者都是clear属性的一个属性值black黑色bottom底部，是一个CSS属性blink闪烁box盒子block块br换行标记blue蓝色bug软件程序中的错误body主体，一个HTML标记building建立bold粗体button按钮break中断bool布尔boolean布尔bubble冒泡cubic三次方的缓动circular圆形曲线的缓动chain当执行一种缓动效果后可以继续使用另一个缓动效果createElement创建新元素createTextNode创建文本节点childNodes返回子节点cancelBubble删除冒泡click点击事件change内容发生改变，并失焦后才触发该事件contextmenu右击事件clientX光标相对于该网页的水平位置clientY光标相对于该网页的垂直位置close关闭当前页面confirm输入框clientWidth获取元素宽度clientHeight获取元素的高度childNodes?获取所有子节点?children返回子元素cloneNode复制节点Clone克隆、复制chekbox复选框cell表格的单元格color颜色center中间，居中connected连接的contact联系child孩子content内容circle圆圈crosshair十字叉丝class类别css层叠样式表clear清除cursor鼠标指针cm厘米centimeter厘米continue继续close关闭ceil向上取整charAt获取某位置字符DOM全称DocumentObjectModel文档对象模型default不执行DOMMouseScroll在火狐浏览器中的滚轮事件document文件，文档dbclick双击dashed虚线display显示，CSS的一个属decimal十进制division分区，div就是这个单词的缩写decoration装饰document文档default默认的definition定义dotted点线double双线design设计do做exponential指数曲线的缓动elastic指数衰减的正弦曲线缓动error错误过失element元素else否则focus当输入框聚焦的时候触发firstChild第一个子节点firstElementChild返回第一个标签节点function()函数father父亲float浮动filter滤镜，过滤器font字体first第一个for在循环语句中的一个保留字fixed固定的four个function函数，功能getAttribute获取属性getElementsByClassName根据class标签获取元素getElementsByName?通过元素的Name属性值getElementById?通过元素Id，唯一性getElementsByTagName通过标签名查找元素gif一种图像格式green绿色gray灰色history对象host主机height高度hover盘旋;徘徊;犹豫hidden()隐藏hack常用于CSS中的一些招数，或者类似于偏方的技巧here这里hand手hidden被隐藏head头部home首页height高度horizontal水平的help帮助hover鼠标指针经过时的效果，或称为“悬停状态”input当输入的时候实时触发innerHeight内部高度innerWidth内部宽度in从开始加速的缓动inOut前半段从开始加速，后半段减速到的缓动infinity无线循环insertBefore插入到某元素前image图像inline行内important重要的inner内部的indent缩进italic意大利体，斜体index索引if如果int：整数indexOf：判断某字符的首次位置jpg一种图像格式justify两端对齐justify两端对齐keyCode按键编码keydown按下按键keyup按下按键抬起linear匀速lastChild?返回最后一个子节点lastElementChild?返回最后一个标签节点?language语言line线last最后一个link链接left左边list列表length长度lowercase小写level级别mouseover移动到元素上mouseout从元素上移开mousemove移动鼠标mousewheel在其他浏览器的滚轮事件mousedown鼠标按下事件mouseup鼠标抬起事件margin外边距millimeter毫米max最大的min最小的medium中间model模型menu菜单move移动middle中间nextElementSibling返回下一个兄弟元素nextSibling返回下一个兄弟节点nextElementSibling?下一个兄弟元素nodeValue节点值nodeType节点类型nodeName标签名称navigation导航none无，不，没有new新的normal标准number数字null空，空值new新建outerHeight整个高度outerWIdth整个宽度open打开新页面onscroll窗口滚动事件onresize窗口大小监听事件onload图片加载事件offsetLeft获取元素距离左侧的距离?offsetTop获取元素距离顶部的距离offsetWidth获取元素自身宽度offsetHeigh获取元素自身高度?onload在装载时onclick在点击时ondblclick在双击时onmouseover在鼠标进入时onmouseout在鼠标离开时onmousemove在鼠标移动时onmousedown在鼠标按下时onmouseup在鼠标抬起时onkeydown在按键按下时onkeyup在按键抬起时onkeypress在按键时onsubmit在提交时onchange在改变时onfocus在获得焦点时onblur在失去焦点时onscroll窗口滚动事件onresize窗口大小监听事件out减速到的缓动onStart开始事件onplete完成事件onStop停止事件onUpdate更新事件object对象optional可选的oblique一种斜体orange橙色one一个outer外面的only仅仅overflow溢出open打开previous前一个prevent阻止pageX光标相对于该网页的水平位置pageY光标相对于该网页的垂直位置port端口protocol协议prompt提示框parentNode返回父级节点parentElementNode获取已知节点的父节点previousSibling返回上一个兄弟节点previousElementSibling返回上一个兄弟元素password密码position位置prepend预先padding内边距progress进度point点public公开的pointer指针，指示器purple紫色position定位，位置pop弹出push压入open打开option选项quadratic二次方的缓动quintic五次方的缓动quartic四次方的缓动querySelector根据标签名获取第一个元素querySelectorAll获取所有标签名的元素repeat次数remove删除当前节点replaceChild替换节点removeEventListener取消侦听器reload刷新removeAttribute删除属性removeChild删除父节点的某个子节点radio视频red红色resize重新设置大小relative相对的right右边repeat重复，平铺row行replacement替换return返回random随机round取整sinusoidal正弦曲线的缓动start开始stop停止setinterval时间函数sibling兄弟scrollTop获取文档滚动高度screenX光标相对于该屏幕的水平位置screenY光标相对于该屏幕的垂直位置setAttribute设置属性scrollHeight获取文档整体高度scrollTop获取文档滚动高度scrollLeft元素左边界setAttribute设置节点上的属性submit提交scroll滚动shadow阴影silver银色special特殊的size尺寸square方块solid固体，实线static静态的solution方案strong强壮，加粗的son儿子style样式span一个HTML标记switch切换setInterval设置反复性定时器setTimeout设置一次性定时器srcElement源对象，事件源split分割substr截取字符串substring截取字符串sqrt取开方status状态sort排序slice切片，划分splice铰接，粘接textContent文本添加文字table表格title标题td单元格的HTML标记top顶部toLowerCase转换为小写toUpperCase转换为大写text文本tr表格中“行”的HTML标记thick粗的transitional过渡的thin细的two两个three三个type类型through穿过this这个，当前typeof类型underline下划线uppercase大写upper上面的url网址vertical竖直的visited访问过的var定义变量wrap包裹window窗口white白色width宽度while当...的时候write写入yellow黄色
⑽excelvba有没有类似mousein和mouseout
⑾并没有，只有Worksheet_BeforeDoubleClick和Worksheet_BeforeRightClick
⑿javascript如何判断鼠标是否触发了onmouseover事件
⒀在div的mouseover事件中注册一个变量标志这个状态，比如加到div的属性上div.mousein=true在div的mouseout事件和window的blur事件中标志这个状态，比如div的属性上div.mousein=false然后在按钮的点击事件中判断div的mousein属性if(div.mousein).估计楼主一个按钮一个响应函数用在不同的地方了吧。还是建议分开，按钮的功能和外层的html结构耦合了，这种事情不好。以后你改了html代码结构，早都忘了js里怎么判断了，出错了要找很久的。
⒁JavaScript的个陷阱及评点
⒂来自NineJavascriptGotchas以下是JavaScript容易犯错的九个陷阱虽然不是什么很高深的技术问题但注意一下会使您的编程轻松些即所谓makelifeeasier笔者对某些陷阱会混杂一些评点
⒃如这段代码注意最后一个逗号按语言学角度来说应该是不错的（python的类似数据类型辞典dictionary就允许如此IE会报语法错误但语焉不详你只能用人眼从几千行代码中扫描
⒄《script》?vartheObj={???????city:Boston???????state:MA?}《/script》
⒅this的引用会改变
⒆《inputtype=buttonvalue=Gotcha!id=MyButton》《script》varMyObject=function(){???thisalertMessage=Javascriptrules;???thisClickHandler=function(){???????alert(thisalertMessage);?}}();documentgetElementById(theText)onclick=?MyObjectClickHandler《/script》
⒇并不如你所愿答案并不是JavaScriptrules在执行MyObjectClickHandler时代码中红色这行this的引用实际上指向的是documentgetElementById(theText)的引用可以这么解决
⒈《inputtype=buttonvalue=Gotcha!id=theText》《script》varMyObject=function(){???varself=this;???thisalertMessage=Javascriptrules;???thisOnClick=function(){???????alert(selfvalue);???}}();documentgetElementById(theText)onclick=?MyObjectOnClick《/script》
⒉实质上这就是JavaScript作用域的问题如果你看过你会发现解决方案不止一种
⒊在JavaScript中不要使用跟HTML的id一样的变量名如下代码
⒋《inputtype=buttonid=TheButton》《script》???TheButton=get(TheButton);《/script》
⒌IE会报对象未定义的错误我只能说IEsucks
⒍字符串只替换第一个匹配
⒎《script》???varfileName=Thisisatitlereplace(_);《/script》
⒏而实际上结果是This_isatitle在JavaScript中Stringreplace的第一个参数应该是正则表达式所以正确的做法是这样
⒐varfileName=Thisisatitlereplace(//g_);
⒑mouseout意味着mousein
⒒事实上这是由于事件冒泡导致的IE中有mouseenter和mouseleave但不是标准的作者在此建议大家使用库比如YUI来解决问题
⒓parseInt是基于进制体系的
⒔这个是常识可是很多人给忽略了parseInt还有第二个参数用以指明进制比如parseInt()如果你认为答案是那就错了因为在此字符串以开头parseInt以八进制来处理它在八进制中是非法返回false布尔值false转化成数值就是因此正确的做法是parseInt()forin会遍历所有的东西
⒕运行得好好的不是吗？但是有一天它不干了给我返回的值变成了NaN晕我只不过引入了一个库而已啊原来是这个库改写了Array的prototype这样我们的arr平白无过多出了一个属性（方法而forin会把它给遍历出来所以这样做才是比较安全的
⒖for(varx=;x《arrlength;x++){???total=total*arr;}
⒗其实这也是污染基本类的prototype会带来危害的一个例证
⒘这其实只会存在使用作为对象属性的事件处理器才会存在的问题比如windowonclick=MyOnClickMethod这样的代码这会复写掉之前的windowonclick事件还可能导致IE的内容泄露（sucksagain在IE还没有支持DOM的事件注册之前作者建议使用库来解决问题比如使用YUI:
⒙YAHOOutilEventaddListener(windowclickMyOnClickMethod);
⒚这应该也属于常识问题但新手可能容易犯错
⒛FocusPocus
新建一个input文本元素然后把焦点挪到它上面按理说这样的代码应该很自然
varnewInput=documentcreateElement(input);documentbodyappendChild(newInput);newInputfocus();newInputselect();
但是IE会报错（sucksagainandagain理由可能是当你执行fouce()的时候元素尚未可用因此我们可以延迟执行varnewInput=documentcreateElement(input);newInputid=TheNewInput;documentbodyappendChild(newInput);setTimeout(function(){//这里我使用闭包改写过若有兴趣可以对比原文?documentgetElementById(TheNewInput)focus();?documentgetElementById(TheNewInput)select();});
lishixinzhi/Article/program/Java/JSP//
jQuery中如何使用mouseout和mouseleave
jQuery中针对鼠标事件mouseout、mouseleave.首先这两个鼠标事件都代表鼠标离开事件对象触发。区别在于：不论鼠标指针离开被选元素还是任何子元素，都会触发mouseout事件。而只有在鼠标指针离开被选元素时，才会触发mouseleave事件。也就是说mouseout有一个事件冒泡，离开子元素的时候也会冒泡触发父元素的out事件。
$(“#id“).mouseout(function(){????alert(“您的鼠标离开了“);????//或者做一些层的显示和隐藏效果。??});$(“#id“).mouseleave(function(){????alert(“您的鼠标离开了“);????//或者做一些层的显示和隐藏效果。???});
实际中这两者引用的场景：
mouseout一般只应用在没有嵌套的元素或者标签上，效果比如说：当你鼠标离开一个button按钮的时候，可以给用户一些提示。
mouseleave一般用在网站导航栏，鼠标指向导航栏显示隐藏的div层，而这个时候移出事件就需要mouseleave事件，因为你弹出的层里面可能元素比较多，你鼠标在层上一滑动，可能就导致刚才冒泡说的，引起鼠标还没离开整个大的DIV层，就关闭了。
javascript应注意的问题
以下是JavaScript容易犯错的几个“陷阱“.由本人google+体验+搜集而来.虽然不是什么很高深的技术问题，但注意一下，会使您的编程轻松些..最后一个逗号如这段代码，注意最后一个逗号，按语言学角度来说应该是不错的（python的类似数据类型辞典dictionary就允许如此。IE会报语法错误，但语义不详，你只能用人眼从几千行代码中扫描。Js代码《script》vartheObj={city:“ShenZhen“,state:“ok“,}《/script》《script》vartheObj={city:“ShenZhen“,state:“ok“,}《/script》.this的引用会改变如这段代码：Js代码《inputtype=“button“value=“Gotcha!“id=“MyButton“》《script》varMyObject=function(){this.alertMessage=“Javascriptrules“;this.ClickHandler=function(){alert(this.alertMessage);//行}}();document.getElementById(“theText“).onclick=MyObject.ClickHandler;《/script》《inputtype=“button“value=“Gotcha!“id=“MyButton“》《script》varMyObject=function(){this.alertMessage=“Javascriptrules“;this.ClickHandler=function(){alert(this.alertMessage);//行}}();document.getElementById(“theText“).onclick=MyObject.ClickHandler;《/script》并不如你所愿，答案并不是”JavaScriptrules”。在执行MyObject.ClickHandler时，在行中，this的引用实际上指向的是document.getElementById(“theText“)的引用。可以这么解决：Js代码《inputtype=“button“value=“Gotcha!“id=“theText“》《script》varMyObject=function(){varself=this;this.alertMessage=“Javascriptrules”;this.OnClick=function(){alert(self.value);}}();document.getElementById(”theText”).onclick=MyObject.OnClick《/script》《inputtype=“button“value=“Gotcha!“id=“theText“》《script》varMyObject=function(){varself=this;this.alertMessage=“Javascriptrules”;this.OnClick=function(){alert(self.value);}}();document.getElementById(”theText”).onclick=MyObject.OnClick《/script》实质上，这就是JavaScript作用域的问题。如果你看过，你会发现解决方案不止一种。.标识盗贼在JavaScript中不要使用跟HTML的id一样的变量名。如下代码：Js代码《inputtype=“button“id=“TheButton“》《script》varTheButton=document.getElementById(“TheButton“);《/script》《inputtype=“button“id=“TheButton“》《script》varTheButton=document.getElementById(“TheButton“);《/script》IE会报对象未定义的错误。我只能说：IE真烂..字符串只替换第一个匹配如下代码：Js代码《script》varfileName=“Thisisatitle“;fileName=fileName.replace(““,“_“);《/script》《script》varfileName=“Thisisatitle“;fileName=fileName.replace(““,“_“);《/script》而实际上，fileName结果是“This_isatitle“.在JavaScript中，String.replace的第一个参数应该是正则表达式。所以，正确的做法是这样：Js代码varfileName=“Thisisatitle“.replace(//g,“_“);varfileName=“Thisisatitle“.replace(//g,“_“);.mouseout意味着mousein事实上，这是由于事件冒泡导致的。IE中有mouseenter和mouseleave，但不是标准的。作者在此建议大家使用js库来解决问题。.parseInt是基于进制体系的这个是常识，可是很多人给忽略了parseInt还有第二个参数，用以指明进制。比如，parseInt(““)，如果你认为答案是，那就错了。因为，在此，字符串以开头，parseInt以八进制来处理它，在八进制中，是非法，返回false，布尔值false转化成数值就是.因此，正确的做法是Js代码parseInt(““,).parseInt(““,)..for...in...会遍历所有的东西有一段这样的代码：Js代码vararr=vartotal=;for(varxinarr){total=total*arr;}vararr=;}运行得好好的，不是吗？但是有一天它不干了，给我返回的值变成了NaN,晕。我只不过引入了一个库而已啊。原来是这个库改写了Array的prototype，这样，我们的arr平白无过多出了一个属性（方法，而for...in...会把它给遍历出来。其实,就算没有引进库.它的结果也并不是数组所有元素的乘积,因为for...in...会遍历到数组的length属性.所以这样做才是比较安全的：Js代码for(varx=;x《arr.length;x++){total=total*arr;}for(varx=;x《arr.length;x++){total=total*arr;}其实，这也是污染基本类的prototype会带来危害的一个例证。.事件处理器的陷阱这其实只会存在使用作为对象属性的事件处理器才会存在的问题。比如window.onclick=MyOnClickMethod这样的代码，这会复写掉之前的window.onclick事件，还可能导致IE的内容泄露（sucksagain。在IE还没有支持DOM的事件注册之前，作者建议使用库来解决问题，比如使用YUI:YAHOO.util.Event.addListener(window,“click“,MyOnClickMethod);这应该也属于常识问题，但新手可能容易犯错。.focus()出错新建一个input文本元素，然后把焦点挪到它上面，按理说，这样的代码应该很自然：Js代码varnewInput=document.createElement(“input“);document.body.appendChild(newInput);newInput.focus();newInput.select();varnewInput=document.createElement(“input“);document.body.appendChild(newInput);newInput.focus();newInput.select();但是IE会报错。这是因为当你执行fouce()的时候，元素尚未可用。因此，我们可以延迟执行：Js代码varnewInput=document.createElement(“input“);newInput.id=“TheNewInput“;document.body.appendChild(newInput);//在.秒之后调用匿名函数获取焦点setTimeout(function(){document.getElementById(’TheNewInput’).focus();document.getElementById(’TheNewInput’).select();},);varnewInput=document.createElement(“input“);newInput.id=“TheNewInput“;document.body.a部分内容引用自:文章出处：DIY部落()