提示文本未被删除

时间:2012-04-09 13:00:39

标签: javascript jquery

http://jsfiddle.net/udit_sharma/GFknc/

我创造了这个小提琴。它有一个输入框,它有提示文本。当我专注于此输入框时,它的提示 - 文本正在被正确清除。当我从这个输入框中聚焦时提示 - 如果用户没有输入任何内容,则会再次显示文本。

但是有一个问题。我说你现在专注于输入框并点击浏览器中的另一个标签,如果你再次回到这个小提琴,请注意提示 - 文本在空白时显示而离开此页面。并且在点击输入框时没有清除它。 ?

所以我发现的问题是当我点击另一个标签onblur没有被调用时,变量" valueChanged"没有设置为false。因此,在重新聚焦时,它不会清除默认的提示文本值。

所以我不知道为什么onBlur没有被调用。如果有人对此有所了解,请说明或有其他方法可以执行此功能吗?

2 个答案:

答案 0 :(得分:0)

你可以试试这个:

<input type="text" name="placeHolder" placeholder="hy i'm a place holder" />

这是一个html5属性,因此,您可以在html文件的顶部添加<!DOCTYPE html>

答案 1 :(得分:0)

看起来Chrome两次为文本框启动onblur。我能够通过使模糊事件成为命名函数并在焦点addOptionInputEle.off('blur').on('blur', onAddOptionBlur);期间绑定模糊来解决此问题。然后,在onAddOptionBlur中我做了一个循环来取消绑定模糊处理程序的所有实例。

while(addOptionInputEle.data('events').blur)
{
    addOptionInputEle.off('blur');
}

注意:未经过镀铬以外的任何其他测试。