jq focus 在火狐（Firefox）下无效

今天写代码的时候发现，在blur事件里面写focus获取焦点无效，




$input.blur(function(){
  　　　　………………
        $input.focus()；
}





而且只是在火狐下面无效而已，很明显这又是一个赤裸裸的兼容性问题咯。


解决办法，使用setTimeout()函数即可：


$input.blur(function(){
  　　　　………………
        setTimeout(function(){$input.focus()},0)；
}
				


				
时间： 2024-10-01 07:42:09 

		


		


	

	
	

		


		
jq focus 在火狐（Firefox）下无效的相关文章


								

		

			

                Firefox下代码触发a标签的click事件无效
			

		

		

									

				通过一次导出功能是让自己如何一步一步掉坑最后又是怎么爬起来的 在页面中通过document.createElement('a');创建一个a标签,然后给a标签的href属性赋url,通过代码触发a标签的click事件请求后台,在Chrome浏览器中请求正常,但是在Firefox中始终无效,debugger发现代码也走到了a.click()方法,但是就是没反应.代码如下: $.ajax({ url: Config.ApiUrl + "TZTZ/DowloadFile", type: &q			

		

	

				

		

			

                关于火狐(firefox)及ie下event获取的两种方法
			

		

		

									

				第一种方法: 代码如下: function a(e){ e=e||window.event; alert(e.keyCode); } ie浏览器如下调用 代码如下: <body onclick="a()"> firefox火狐浏览器如下调用 代码如下: <body onclick="a(event)"> 这样就可以调用成功. 这种方法在firefox需要带个参数过去,不是太好,下面介绍第二种方法 . 第二种方法: 代码如下: function			

		

	

				

		

			

                火狐浏览器下,表头边框无效
			

		

		

									

				最近做项目,发现在火狐浏览器下表头边框无效 可能的原因是给th设置了背景颜色 找了半天,原来是给th设置了背景颜色,然后边框被覆盖了,没有显示出来 去掉这行代码就可以显示了 .layui-table-header thead th { background-color: #fff; } 原文地址:https://www.cnblogs.com/ybixian/p/9473452.html			

		

	

				

		

			

                Firefox下网页缩放时防止div被挤到下一层
			

		

		

									

				http://wu110cheng.blog.163.com/blog/static/13334965420121120102439190/ Firefox下网页缩放时防止div被挤到下一层 问题:三个div,一个div中包含两个浮动带有border边框的div:且样式设计中保证两个div全部宽度之和等于外层div的宽度.在火狐下缩放网页显示比例小于100%时,会导致右边div被挤到下一行. 案例: <style> *{ margin:0; padding:0;} #box{width:300			

		

	

				

		

			

                Firefox下table单元格td设计relative定位失效解决方案（转）
			

		

		

									

				问题描述: 默认情况下,table的单元格td的display为table-cell,在IE 给td设置position:relative,然后给它包含的一个容器使用position:absolute进行定位是有效的,但在FF下却不可以. 但是在IE下,position:absolute的容器的z-index总是比td的z-index低,td层总是在 position:absolute的容器的上面 发生条件: 1. IE6.IE7.IE8和FF浏览器 2. 使用td默认样式,设置td的posit			

		

	

				

		

			

                谷歌、火狐浏览器下实现JS跨域iframe高度自适应的完美解决方法，跨域调用JS不再是难题！
			

		

		

									

				谷歌.火狐浏览器下实现JS跨域iframe高度自适应的解决方法 导读:今天开发的时候遇到个iframe自适应高度的问题,相信大家对这个不陌生,但是一般我们都是在同一个项目使用iframe嵌套页面,这个ifame高度自适应网上一搜一大把,今天要讲的如何在不同的网站下进行相互的调用跟在同一个网站下是一个效果:例如我在自己的项目里面Iframe  了第一博客的页面  http://www.diyibk.com/   当第一博客的页面高度变化了怎么通知父页面呢? 这个时候在谷歌下肯定是拿不到 ifram			

		

	

				

		

			

                FontAwesome在Firefox下建立静态页面不显示的情况
			

		

		

									

				1.在相对路径时发现firefox的问题(但是在Chrome下没有问题),还需进一步确认. 最开始是直接把FontAwesome的less直接替换掉Bootstrap的glyphicons字体,编译后在firefox下一直是不显示,经过单独引用FontAwesome的css及font才发现如果换成第14行的路径写法是可以正常显示的,如图: 2.情景描述 以往做静态页面原型的文件的文件结构是这样的: folder |----css |----images |----js index.html ..			

		

	

				

		

			

                xmlHttpRequest在Firefox下不起作用？
			

		

		

									

				描述: xmlHttpRequest 在IE下正常,在Firefox下不起作用. 原因: xmlHttpRequest 对象的 onreadychange 不会在Firefox下执行, 解放方法: 使用 jQuery 实现 AJAX 去代替 xmlHttpRequest.			

		

	

				

		

			

                解决Firefox下input button内文字垂直居中
			

		

		

									

				众所周知,在Firefox下input type=”button”的文字是不好居中的,原因在于Firefox自己比较二,弄了个私有属性,导致以下问题的出现: 按钮左右本身有2px的间距(FF私有属性写了padding:0 2px所致): 按钮文字居中是不行的(此时设置padding-bottom是没用的) : 等等… 1 input[type="reset"]::-moz-focus-inner, 2 input[type="button"]::-moz-focus