如何使用jQuery在按钮单击时将一些默认文本添加到输入文本字段

时间:2013-12-14 22:11:44

标签: jquery html text input focus

让我有以下表格字段。

<input tyep="text" id="text_field_one" name="your_name"/>

<input tyep="text" id="text_field_two" name="your_friends_name"/>

<input tyep="text" id="text_field_three" name="your_girl_friends_name"/>

<input type="button" id="addToText" value="Add your Default text"/>

现在当我点击按钮时,我想添加一些默认文本,例如使用jQuery说“Hello”。

但默认文本应仅添加到我上次使用的文本字段中。我无法使用聚焦,因为我的鼠标专注于按钮本身。

为了让我的问题更清楚,以下是示例:

让我给第二个文字字段输入,我写了“保罗”。让我要添加的默认文本是“你好吗?”所以在我点击按钮后,我的第二个文本字段内容应该是“Paul你好吗?”但是第一个和第三个文本字段现在不应该改变。

是否可以追踪这种方式。或者我应该以另一种方式思考。我需要你的建议和帮助。

1 个答案:

答案 0 :(得分:2)

只需将任何类型的最后一个聚焦元素存储在变量

var last = null;

$('input[type="text"]').on('focus', function() {
    last = this;
});

$('#addToText').on('click', function() {
    if (last) $(last).val('Hello');
});