0

我有一个文本框，用于输入要搜索的任何单词，然后单击它旁边的按钮。

<input id="EnterText" class="lightcolor" type="text" size="50" value="Enter text" maxlength="50" name="EnterText">
<input id="ClickButton" type="image" value="Button" name="ClickButton" onclick="" src="">

因为我来自前端，所以我想到了一个好的用户体验设计，并输入了一些Enter text浅色文本，当焦点事件发生时应该去改变类，当模糊事件发生时返回。因此，我为它编写了 jQuery。

$(document).ready(function () {
    $('#EnterText').focusin(function () {
        alert("focus in");
        var res = document.getElementById("EnterText");
        document.getElementById("EnterText").value = "";
        res.setAttribute("class", "afterClick");
    });
    $('#EnterText').focusout(function () {
        alert("focus out");
        var res = document.getElementById("EnterText");
        document.getElementById("EnterText").value = "Enter Text";
        res.setAttribute("class", "lightcolor");
    });
    $('ClickButton').click(function () {
        alert("Click Button")
    });
});

如您所见，我已经尝试过focusin,和，但是当我单击按钮触发事件时focus，我无法执行所需的操作。事实上，警告永远不会出现。正因为如此，我无法实现这一点，而我的想法现在成为了一项要求。我还注意到，当我点击文本框焦点事件时，首先调用焦点然后进入焦点。我所需要的只是一个文本框，它应该有一些指导用户的内容，当他点击时，他将输入值并点击该按钮，以便后端人员在获得此值后会处理其余部分。blurfocusoutfocusoutClickButtonfocusoutfocusin

4

2 回答 2

3

You can easily do that with jQuery and a much prettier code.

Check this out: http://jsfiddle.net/webtiago/7BAyV/

于 2011-12-10T15:11:59.253 回答
1

您应该考虑使用占位符属性而不是不必要的 javascript。

例子：

http://jsfiddle.net/FdKYW/1/

于 2011-12-10T09:48:11.660 回答