javascript - 从函数外部获取 `this`

Question

如何或者是否有可能从函数中获取 this 值？我制作了此代码片段，将 defaultValue 保存在函数上，但我想从函数外部直接在 dom 元素上读取此代码。这可能吗？

我用 jQuery 做了这个:

$("input").val(function() {
    var $label = $("label[for='" + $(this).attr("id") + "']");
    this.defaultValue = $label.text();
    $label.hide()
    return this.defaultValue
}).click(function() {
    if ($(this).val() == this.defaultValue) {
        $(this).val("");
    }
}).bind("blur", function() {
    if ($(this).val() == "") {
        $(this).val(this.defaultValue);
    }
});

在此处查看实际效果:http://jsfiddle.net/ZUZ3L/g6dMA/

Answer 1

您可以使用 jQuery 的 .data() 函数将其保存到 DOM 中表示的元素:

在页面加载上执行此操作:

$(this).data('defaultValue', $(this).val());

您可以稍后通过以下方式检索它:

alert($('#myElement').data('defaultValue');

...它将返回页面加载时设置的值，而不是输入的当前值。