javascript - 使用 jQuery 更改 div 值在 Firefox 中不起作用

Question

我有一个我正在尝试构建的蒙面输入，它在 Chrome 中运行良好，只有在 Firefox 中它不会用新值更新我的文本字段......

我也没有收到控制台错误，所以我不确定问题可能是什么？

        $('.new-Btn').bind("click", function () {
            $('.html-btn').click();
        });

        $('.html-btn').change(function () {
            var newval = $('.html-btn').val();
            var nvstr = newval.substring(12, 25);
            $('.new-Btn').html(nvstr);
        });

http://jsfiddle.net/ykgXG/

Answer 1

你使用：

        $('.new-Btn').bind("click", function () {
            $('.html-btn').trigger('click');
        });

        $('.html-btn').change(function () {
            var newval = $('.html-btn').val();
            var nvstr = newval.substring(12, 25);
            $('.new-Btn').html(nvstr);
        });

Answer 2

我看到的是您的 div 文本在 Firefox 24 下发生了变化。检查您的substring()函数与您正在测试的文件一起返回的内容。

Answer 3

由于我的问题与 fakepathprefix 相关，因此我使用了 if 语句来根据浏览器来实现不同的功能。

if (/chrom(e|ium)/.test(navigator.userAgent.toLowerCase())) {
        $('.new-Btn').bind("click", function () {
            $('.html-btn').trigger('click');
        });

        $('.html-btn').change(function () {
            var newval = $('.html-btn').val();
            var nvstr = newval.substring(12, 25);


            $('.new-Btn').html(nvstr);
        });
} else  {
        $('.new-Btn').bind("click", function () {
            $('.html-btn').trigger('click');
        });

        $('.html-btn').change(function () {
            var newval = $('.html-btn').val();
            $('.new-Btn').html(newval);
        });
}

Answer 4

问题出在浏览器代理上。某些浏览器显示完整路径名（chrome、opera、explorer），而有些则没有（mozilla）。

这是代码：

 var nvstr;
 var newval;

        $('.html-btn').on('change',function () {
             newval = $('.html-btn').val();

           if(!$.browser.mozilla){
            nvstr = newval.substring(12, 25);
            $('.new-Btn').html(nvstr);
           }else{
               alert(11)
            $('.new-Btn').html(newval);
           }
        });

这是一个工作演示：http: //jsfiddle.net/ykgXG/8/

在所有浏览器中进行了测试，并且可以正常工作。