firefox下reset()不好使的问题

最近在测试项目时发现,在firefox下,form.reset()方法对于隐藏的<input>等不起效果,导致程序中出现了错误,以下面为例: js代码: document.agentForm.reset(); html代码: <input name="agentId" type="hidden" /> 解决办法: //为防止firefox表单reset()方法失效,故重新初始化agentId document.agentForm.ag…

解决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…

html drag api 在firefox 下拖动出现新窗口的解决办法

有个功能,需要用drag drop api 来做. 发现在firefox下拖放,会出现新的tab 页签,即使在ondragover.ondrop中使用了event.preventDefault也无济于事,在mozllia上MDN的例子拖动也会弹出新的tab 页签. 随后发现有同事写的drag drop 在firefox下不会弹出,遂研究起来,发现用的dataTransfer.setData("asdf",""),同事只是用了drag drop的效果,没有用dataT…

$.parseJson 在 firefox 下返回 null 的问题

最近调查一个浏览器兼容性问题,在 IE, chrome下都运行正常,但是在 firefox 下运行时: $.parseJson(xxx) 返回 null,所以导致了无法正常运行,调查的结果是因为返回是,没有使用下面的语句定义返回值的类型: response.setContentType("text/html; charset=utf-8"); 导致了 firefox 以为返回的是 xml 数据(alert时弹出 xml object),导致 $.parseJson(xx) 对返回…

event.srcElement在火狐(FireFox)下的兼容问题。搜索框获得焦点时默认文字变化

前言: 项目中用到了一个功能,搜索框里有默认的文字,当搜索框获得焦点时里面的默认文字消失,如果失去焦点时搜索框内容为空则让里面的内容回复默认!,. 实现: 很轻松的在网上找到了类似代码 $("#search_text").focus(function (event) { with (event.srcElement) //如果当前值为默认值,则清空 if (value == defaultValue) value = ""; }); $("#search_…

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…

css pre如果同时运用了css的border-radius、 overflow两个属性且标签中内容太多时,外部div滚动条在firefox下滚动时很卡

pre如果同时运用了css的border-radius. overflow两个属性且标签中内容太多时,外部div滚动条在firefox下滚动时很卡. 解决方法:去掉css中border-radius. overflow其中的任意一个属性即可具体原因不知道是什么,可能跟firefox的css渲染有关,有知道的麻烦告诉一声 html及css代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"…

document.createElement在IE和Firefox下的差异

IE有3种方式都可以创建一个元素: 1 document.createElement("<input type=text>") 2 document.createElement("<input>") 3 document.createElement("input") Firefox只支持一种方式: document.createElement("input");document.setAttribute…

解决Firefox下，页面元素不刷新问题

由于FireFox的刷新机制与IE有较大区别.所以javascript代码 document.location.reload();通常在IE上工作正常,在Firefox下效果却并不理想,这是因为Firefox会记录上一次的页面元素的值,所以我们常常会看见刷新页面后,旧的值却好保留在页面上. Tips: document.location.reload()相当于在Firefox上按F5 来刷新,但 F5刷新并不能清除缓存中被保留的页面元素的值.但我们可以用Ctrl+F5 来实现IE下F5的效果…

在table中tr的display:block在firefox下显示布局错乱问题

[转自:] http://blog.csdn.net/sd2131512/article/details/4720345 按照常理,对于某一单元行需要显示时,使用:display:block属性,不需要显示时使用display:none属性,而且这样做在IE浏览器中显示正常,没有任何问题. 但是当用Firefox浏览时却出现了布局错乱的问题,然后通FireBug去看了下源码,调试下了,发现是display:block属性搞的鬼. 1.当表格为多列的情况下,属性为"display:block&qu…

window.frames[]在Firefox下无法兼容的解决方式

html代码段: <iframe id="fr" src="ProjectTree.aspx?IsFree=true&f=yes&IsCheckProjectAuthority=false" frameborder="0" scrolling="no" style="height:100%; width: 100%;"></iframe> JavaScript代码段:…

IE, Firefox下，checkbox的钩钩一旦勾上，画面再刷新，钩钩还是勾上的解决方案

如题,IE, Firefox下,checkbox的钩钩一旦勾上,画面再刷新,钩钩还是勾上的解决方案 <input type="checkbox" />加上属性autocomplete="off"就行了.如下 <input type="checkbox" id="never" autocomplete="off" />…

小tip:FireFox下文本框/域百分比padding bug解决——张鑫旭

一.问题描述我是流体布局控,经常会遇到文本框以及文本域宽度100%自适应显示的情况. 如下效果图: 在窄屏下,上面的文本框宽度也要跟着外部宽度变小. 难点对于文本框或者文本域,光标最好距离左侧边缘有一定的间距.因此,我们基本上都有类似下面的设置: input { padding-left: 10px; } 但是,如果只考虑文本框本身(父标签无其他特殊处理),这一套在流体环境下是行不通的,因为固定的padding数组无法让文本框永远100%自适应外部的宽度,至少非现代浏览器下是如此!//zxx:…

[转]IE9.0或者360下js(JavaScript、jQuery)不能正确执行(加载)，按F12后执行正常;Firefox下ajax的success返回数据data(json、string)无法获取

兼容问题1: 页面的分享等插件加载不全,并无法点击. 兼容问题2: IE下页面选择器(#id..class.etc.)绑定click事件无法访问到,后台springmvc方法,也无法获取ajax的success方法返回值data. 兼容问题3: 在IE和Google下能够获取,ajax的success返回的数据data,但firefox下获取不到. 兼容问题4: 页面跳转,或url进入,js代码不能正确执行,如果按了F12后(开启F12),JavaScript(加载)事件可以正常响应,一切都正常…

event对象在IE和firefox下兼容写法

由于项目需求要求只能允许用户输入数字和小数,用到了event.keycode后IE系列.chrome浏览器都无问题,在firefox下出现了event not defined的错误原因:火狐下event对象不能通过window.event获取到,而是在调用函数时以参数的形式传递的. 解决方案:将其改为兼容的写法即可. 另外注意: event对象的keyCode属性在火狐和其他浏览器下也不同,火狐使用的是event.which,所以这一块也写成兼容模式例子:设置文本框只能输入数字和浮点数验证…

window.location.hash在firefox下中文自动转码为UTF-8问题

1.window.location.hash window.location.hash这个属性主要是读取和写入网页位置的,我们经常会用来控制网页单页面跳转或者是控制网页位置.然而这个属性在firefox下遇到中文时却会被自动转码为UTF-8,这是火狐等相似浏览器对中文url的一些处理的不同.以下介绍一个方法可以fixed掉这个问题. 2.解码函数前面已经提到,firefox喜欢帮我们把中文转换成utf-8的编码格式,那么我们只用使用合适的解码函数对其解码皆可. javascript中有三个编码…

网页字体生成工具fontello firefox下无效，未跨域，研究两天得出解决办法

fontello是一个非常好的web font生成工具,但是在使用过程中发现生成的字体在firefox下死活渲染不出来,只有chrome可以正常渲染,字体文件和页面在同域下. 试过各种办法,最后发现一个规律,如果只选择空心符号和非空心符号,那么是可以正常渲染的.这就说明,是fontello生成的字体文件有问题. 于是尝试更改fontello的设置,发现其中有一个hint选项是enable的,于是试着去掉这个选项: 再次尝试,发现竟然好了. 这个选项,我目前还没搞懂到底干嘛的,hint是暗示的意思…

xmlHttpRequest在Firefox下不起作用？

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

Firefox下td用display控制页面导致页面变形

Firefox下table的td元素假设使用了display:'block'会使得table变形.原因是block会将对象强制作为块对象呈递,为对象之后加入新行,所以并不适合td,改成display:'' 就能够了, 因为display属性设置为空时,默觉得显示,而不死块对象传递,所以就会依照table默认的方式呈现.…

HTTP 下载文件中文文件名在 Firefox 下乱码问题

转自:http://www.imhdr.com/991/ HTTP 下载文件,中文文件名在 Firefox 下乱码问题最近帮助一同事解决 HTTP 下载文件时,中文文件名在 Firefox 下乱码的问题,我的同事在 http header 中是这样操作的: "Content-Disposition","attachment;filename=文件名.xx" 其实,按照 rfc231 , Content-Disposition 应该按照如下格式设置: "…

FireFox下Canvas使用图像合成绘制SVG的Bug

本文适合适合对canvas绘制.图形学.前端可视化感兴趣的读者阅读. 楔子所有的事情都会有一个起因.最近产品上需要做一个这样的功能:给一些图形进行染色处理.想想这还不是顺手拈来的事情,早就研究过图形染色的技术.于是我把之前写好的两种算法发给了小伙伴,让他参照实现,第一种算法是操纵像素.第二种使用了图像合成:globalCompositeOperation.所有的事情都可能会有意外,写程序更是如此了.没多久,小伙伴说,第二种算法在firefox下不起作用. 探索原因听说有bug,心中一惊.我测…

iframe在firefox下的无法正常target问题

今日在改一个网站的时候碰到个奇葩的问题. 把网站按照结构划分,做了个主页面,嵌入iframe,设定该iframe的name,主页面上的链接使用target保证在iframe中打开该链接. 听上去很常规吧.骚年,图样图森破. 碰到的问题是,有一个链接,firefox下怎么都无法在ifame中打开,点击后在完整的页面打开该链接(亦即,和没有设定target一样),经仔细检查,target设定无误.换ie正常. 虽然大部分使用者都使用ie,但无奈firefox是po主的心头好啊,po主是个强迫症阿.哼…