0

Firefox ブラウザーの問題についてサポートが必要ですか?

プレースホルダー付きの入力があります：

<input id="contact_lastname" type="text" value="" name="contact_lastname" size="45" placeholder="Type your last name" style="-moz-user-select: none; -moz-user-input: disabled; -moz-user-modify: read-only;" autocomplete="off">

Firefox でのみ、その入力ボックスをクリックすると、プレースホルダーが消えて、選択できない部分が作動します。選択できない入力をクリックするたびにプレースホルダーを実際に非表示にする html5 イベントを無効にする方法はありますか?

私はすでにこれらのCSS値を試しました:

-moz-user-input: disabled
-moz-user-modify: read-only
-moz-user-select: none
user-select: none

私は1つ欠けていますか？

4

2 に答える 2

1

入力フィールド:

disabled="disabled"
于 2012-07-13T13:58:45.453 に答える
0

問題は、プレースホルダーが消えることではなく、クリックしても元に戻らないことでした。実際に次のように動作するように変更しました。

<script type="text/javascript">
$.fn.disableSelection = function () {
        return this.each(function () {
            if ( $.browser.mozilla ) // Firefox
            {
                $(this).attr('autocomplete', 'off');
                $(this).keydown(function() { return false; });
                $(this).css('MozUserModify', 'read-only');
            }
            else if ( $.browser.webkit ) // Chrome
            {
                $(this).attr('autocomplete', 'off');
                $(this).css('webkitUserModify', 'read');
                $(this).keydown(function() { return false; });
            }
            else if ( $.browser.msie ) // IE
            {
                $(this).keydown(function() { return false; });
            }
            else // Opera, etc.
            {
                $(this).mousedown(function() { return false; });
            }
        });
    };
</script>

これにより、実際にはユーザーがデータを入力できなくなり（元の問題セットでした）、キーダウンイベントが発生するとfalseが返されます。

于 2012-07-16T06:32:35.293 に答える