javascript – 使用jQuery获取输入的默认值

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 使用jQuery获取输入的默认值，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1139字，纯文字阅读大概需要2分钟。

内容图文

$(".box_yazi2").each(function () {
    var default_value = this.value;
    $(this).css('color', '#555'); // this could be in the style sheet instead
    $(this).focus(function () {
        if (this.value == default_value) {
            this.value = '';
            $(this).css('color', '#000');
        }
    });
    $(this).blur(function () {
        if (this.value == '') {
            $(this).css('color', '#555');
            this.value = default_value;
        }
    });
});

输入默认值的此功能在FF中不起作用,但在IE中完美有效
当然,输入本身看起来像这样：

<input type="text" class="box_yazi2" id="konu" name="konu" value="Bo?" />

解决方法:

解决方案非常简单;你还有一个额外的});在你的代码中(感谢@ Box9).

我鼓励你重用变量而不是创建几十个jQuery对象.

我已将您的示例更改为背景颜色,但它会起作用.

$('.box_yazi2').each(function(index, element) {
    var $element = $(element);
    var defaultValue = $element.val();
    $element.css('background-color', '#555555');
    $element.focus(function() {
        var actualValue = $element.val();
        if (actualValue == defaultValue) {
            $element.val('');
            $element.css('background-color', '#3399FF');
        }
    });
    $element.blur(function() {
        var actualValue = $element.val();
        if (!actualValue) {
            $element.val(defaultValue);
            $element.css('background-color', '#555555');
        }
    });
});

demo

内容总结

以上是互联网集市为您收集整理的javascript – 使用jQuery获取输入的默认值全部内容，希望文章能够帮你解决javascript – 使用jQuery获取输入的默认值所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端