【问题标题】:Make (Dynamically Generate) Textarea Attribute Autofocus & Required制作(动态生成)Textarea 属性 Autofocus & 必需
【发布时间】:2019-04-26 13:09:37
【问题描述】:

我试图让 textarea 在单击它的父 Div 时动态生成自动对焦。但它不起作用。 required 和 maxlenght 也是如此。感谢您的帮助:)

我尝试在 标签 autofocus、required 和 required='required' 中写入。因此在 JQuery 中我使用了 focus()focusin();但是什么也没发生。

HTML

    <p class='p_usuarios' onClick='read_chat_messages()'> /*PARENT*/
    ...
    <textarea class='textarea_chat' spellcheck='false'></textarea>
    <input type='button' class='send_chat_message' onClick='send_chat_message()' value='Bidali!'/>

JQUERY

   function read_chat_messages() (){

    $(".textarea_chat").focus(); /*focusin();*/
    var value= $(".textarea_chat").val();
    ...

   }  

【问题讨论】:

  • 请添加您尝试帮助纠正任何错误的jQuery代码
  • 您的 HTML 有点难以理解,因为您省略了一个不错的块。你能提供更多细节/更少缩写的代码吗?
  • 不管我的 HTML 代码是什么,它应该是什么? (我跳过它,因为我认为它不会改变太多输出)
  • 问题是我阅读了许多 7 年前发布的帖子 +- 并说 textarea 不接受这些属性,所以我正在寻找一种替代方法来模糊地使用 JQuery 或 JavaScript :D跨度>

标签: jquery html


【解决方案1】:
$('.parent-selector').click( () => {
  $('.textarea_chat').focus()
})

我会担心使用 .focus() 的类目标,好像 2 个或更多元素共享该类我不知道会发生什么!最好使用 ID 代替或与班级一起使用(即#chat_area),除非您有特定理由不这样做

【讨论】:

  • 您好!只有类与 Textarea 相关联。否则结果不会很好xD
  • 该事件不会自动对焦元素,只有当你对焦时才会触发。api.jquery.com/focus
  • 我错了。文档说明如下:“将事件处理程序绑定到“焦点”JavaScript 事件, 在元素上触发该事件。”
【解决方案2】:

每个文本区域都必须遵循标签内的输入类型提交,以便显示所需的警报事件。 :S

Autofocus 的问题是它应该设置一个最小超时以聚焦元素。浏览器需要时间来执行,我是这样理解的。自动对焦属性在 HTML 文本区域标签中不起作用。

【讨论】:

    猜你喜欢
    • 2015-10-20
    • 2018-10-10
    • 2014-10-18
    • 2013-06-08
    • 1970-01-01
    • 1970-01-01
    • 2013-06-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多