javascript - jQuery 将光标移动到文本输入的末尾

Question

目前我有一个值为“当前网站”的输入框

当他们点击它时，我运行这个函数:

function clearMeHttp(formfield) {
    if (formfield.defaultValue == formfield.value) {
        formfield.value = "http://";
    }
};

如果您单击该框，它工作正常，但如果您在该框中切换，它只会突出显示单词“http://”，这违背了它的目的，除非他们按下我想避免的右箭头键。

谢谢!

这是另一个代码:<input onblur="restoreMe(this)" onfocus="clearMeHttp(this)" type="text" class="fade" name="website" value="Current website">

restoreMe 只是用 jquery 轻轻地淡化默认值

Answer 1

我稍微更改了您的代码，但使用 jquery 事件而不是内联 html。

使用的完整脚本:

var defaultVal = 'Current website';
$(function() {

    $('.urlCheck').focus(function(e) {
        if ($(this).val() == "http://" || $(this).val() == '' || $(this).val() == defaultVal) {
            $(this).val('http://');
            $(this).select(false);

        }
    });

    $('.urlCheck').keyup(function(e) {
        if ($(this).val() == "http://" || $(this).val() == '' || $(this).val() == defaultVal) {
            $(this).val('http://');
        }
    });

    $('.urlCheck').blur(function(e) {
        $(this).val(defaultVal);
    });

});

工作链接:http://jsfiddle.net/29gks/6/

keyup 事件是 Chrome 和 Safari 的覆盖