代码之家 › 专栏 › 技术社区 › Ari

动态编辑textarea文本后聚焦于textarea

css html jquery javascript

Ari · 技术社区 · 6 年前

我有一个textarea,每次检测到“keyup”时,它都会将textarea的当前值设置为textarea文本。原因是,这样这个文本就成为HTML的一部分,然后我可以使用localStorage保存输入的文本。

到目前为止我的代码。。。

$(document).on('keyup', '.note_text', function () {
    var text = $(this).val();
    $(this).text(text);
});

我使用$(document)将textarea动态创建到DOM中

2 回复 | 直到 6 年前

Nico 6 年前

添加此项,如中所述 jQuery documentation

$("textarea").trigger("focus");

如果不使用jQuery,则与以下内容相同:

document.querySelector('textarea').focus();

这两个例子都假设您的html只包含一个textarea。否则,您必须添加逻辑来选择正确的逻辑。

Ari 6 年前

经过反复试验,我终于找到了一个可行的解决办法。。。

 $(document).on('keyup', '.className', function () {
    var text = $(this).val(); // Gets the text of the textarea being typed in
    $(this).html(text); // Set the text as part of the html of the textarea
    $(this).focus(); // refocuses back on the text area so the user can type
    save(); // saves the DOM to the localStorage
});

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

2 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

2 年前

Community wiki · 无法从jquery文档调用函数

2 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前