Firefox兼容性问题

最新推荐文章于 2024-08-02 17:14:40 发布

原创最新推荐文章于 2024-08-02 17:14:40 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

Web 专栏收录该内容

25 篇文章

订阅专栏

本文讨论了Firefox浏览器中对于DOM特性如innerText、outerText、outerHTML、onfocusin、onfocusout及document.all的支持问题，并提供了替代方案。

1、firefox不支持innerText，outerText，outerHTML

解决思路：a）用innerHTML替换innerText

b）为Firefox扩展innerText属性，详细参考：Firefox 不支持 DOM 对象的 outerHTML、innerText、outerText 属性（http://www.w3help.org/zh-cn/causes/SD9017）

2、firefox不支持onfocusin，onfocusout

参考：http://help.dottoro.com/ljggspvo.php

http://stackoverflow.com/questions/13516931/prevent-cursor-moving-on-text-input

Instead of onfocus rather use onfocusin, that'll make your code to work.

EDIT

I just realized, that there is no focusin in Firefox. Hence you need something heavier.

The script:

function changeValueOnFocus (e, elm) {
        elm = elm || this;
        elm.value = 1234;
        return;  
}

window.onload = function () {
    if (window.onfocusin === undefined) {
        document.getElementById('someinput').addEventListener('focus', changeValueOnFocus, false);
    }
    return;
}

and for input you'll need an id:

<input id="someinput" maxlength="5" onfocusin="changeValueOnFocus(event, this);" type="text" />

Now this supposed to be a cross-browser solution.

accepte3

3、firefox不支持document.all

在对radio input进行操作时，会用到document.all来选择某个值，比如：

document.all["carType"][0].checked = true;

但是在firefox里不支持document.all,就可以用getElementsByName等来代替：

if (document.all) {
    			document.all["carType"][0].checked = true;
    		} else
    			document.getElementsByName("carType")[0].checked = true;