0

jqueryモバイルテキストボックスのテキストの一部を読み取り専用にすることは可能ですか？

次の角かっこが私のテキストボックスである場合、「幸せ」という言葉を触れられないようにしたい

[happy...................]

言い換えれば、人々は、yに到達するまでのすべての期間を削除できる必要があります。可能かどうか？

ありがとう！

4

1 に答える 1

0

次のようなことを試してみたいと思うかもしれません：

JS/jQuery コード:

// Your untouchable string
var my_string = "happy";

$(function () {

    // The following function makes sure that when the user is typing, //
    // the user won't touch the word "happy"
    $("#my_input").keyup(function () {
        var string = $(this).val();

        if(string.length >= my_string.length) {
            if(string.substring(0, my_string.length) != my_string) {
                // This part makes sure that the user won't modify the word "happy"
                $(this).val(my_string+string.substring(my_string.length+1, string.length));
            }
        } else {
            // This part makes sure that the user won't typed:
            //   - before the word "happy" (eg: "Zhappy")
            //   - inside the word "happy" (eg: "hapZpy")
            $(this).val(my_string);
        }
    });
});

HTML (例):

<body>
    <div data-role="page">
        <div data-role="content">

            <!-- The value of your input is initially set to your untouchable string -->
            <input id="my_input" type="text" value="happy"/>
        </div>
    </div>
</body>

お役に立てれば。

于 2012-09-18T02:26:05.340 に答える