动态调整html textarea的属性?

Posted

技术标签:

【中文标题】动态调整html textarea的属性?【英文标题】:Adjust attribute of html textarea dynamically? 【发布时间】:2013-06-01 15:44:07 【问题描述】:

我有以下文本区域:

<textarea id="edit-note-text" autocorrect="on"><%= text %></textarea>

当这个文本区域正在使用时,或者换句话说,当有人在打字时,我需要动态地将自动更正属性设置为关闭并重新打开:

<textarea id="edit-note-text" autocorrect="off"><%= text %></textarea>

不幸的是,这似乎不起作用:

document.getElementById(‘textarea’).setAttribute(‘autocorrect’, ‘off’);

我在 ios UIWebView 中,如果可能的话也可以尝试在本地执行此操作,但这是首先想到的。这可能吗?

【问题讨论】:

【参考方案1】:
<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
    <title>Document</title>
    <script>
        //Declare functions
            function taFocus(element) element.setAttribute("autocorrect", "off")
            function taBlur(element) element.setAttribute("autocorrect", "on")    
    </script>
    </head>
    <body>
    <textarea id="edit-note-text" autocorrect="on" onfocus="taFocus(this);" onblur="taBlur(this);" >texto</textarea>
    <textarea id="edit-note-text2" autocorrect="on">texto</textarea>
    </body>
</html>

也许你需要这样的一些

【讨论】:

使用 'focus' 和 'blur' 肯定会起作用,但我正在尝试在键盘绝对不应该上下跳跃的 ios 设备上完成此操作......不幸的是。

以上是关于动态调整html textarea的属性?的主要内容,如果未能解决你的问题,请参考以下文章

怎么调整textarea的高度随文本变化,求CSS

[转]TextArea设置MaxLength属性最大输入值的js代码

如何使用 map 方法在 textarea 标签内添加动态内容

(HTML代码)请问textarea,可以使用使用Value显示内容的属性吗?

textarea 如何设置滚动条

如何禁用 textarea 的 resizable 属性?