0

在选中复选框后，我正在使用这部分 jQuery 将文本输入字段附加到 div：

$('.sharewithfriends').on("click", ".manual-invite", function () {
        if ($('input[name=manual-invite]').is(':checked')) {
          $('<li style="margin-top:0;display:none"><input type="text" id="invite_email1" name="invite-email1" value="Add an E-Mail" onfocus="clearText(invite_email1);" onblur="fillText(invite_email1);"/><span><a class="add" href="">Add</a></span></li>').appendTo('#invite-emails').slideToggle();

}

onfocus除了和onblur事件之外，所有这些都很好。他们调用以下简单函数，这些函数应该清除焦点上的字段并用模糊时的默认文本填充它：

function clearText(thefield){
if (thefield.defaultValue==thefield.value)
thefield.value = ""
}

function fillText(thefield){
if (thefield.value=="")
thefield.value=thefield.defaultValue;
}

但是，当我单击该字段时，我收到一条错误消息，提示“invite_email1 is not defined”，即使它显然是。

任何人都知道我需要做什么才能让它工作吗？

4

1 回答 1

5

你指的不是正确的元素。

替换clearText(invite_email1);为clearText(this);。
更好的是，绑定事件侦听器而不是添加内联事件。

于 2012-05-02T09:14:25.387 回答