使用Javascript / jQuery在textarea呈现时触发事件

时间:2013-05-20 19:24:09

标签: javascript jquery events

我有一个JSF页面,我试图将特定段落中的文本与一组textarea s的内容联系起来。

使用textareaonchange事件简化onkeyup更改时,要更改内容:

onchange="$('dynamicParagraphId').text($(this).val());"

不幸的是,我在初始化段落时遇到了一些问题,因此当页面最初加载时,它们的文本与textarea匹配。

由于页面的实现方式,编辑底层HTML非常困难;我不确定如何实现一个明显的解决方案,比如在页面加载时触发的脚本,因为我需要一些真正的工作才能获得textarea s'ID。有没有办法将Javascript / jQuery代码插入到textarea定义中,该定义将在页面加载时触发,以便我可以使用this对象而不必弄清textarea } ID?是否有一些我可以利用的jQuery功能让我需要知道ID?

2 个答案:

答案 0 :(得分:1)

触发所有textareas的keyup事件,但您可能会想出一个更具体的选择器:

$(document).ready(function(){
  $("textarea").keyup();
});

或者,如果您出于某种原因只能通过内联标记附加功能,则可以将其添加到<body>

<body onload='$("textarea").keyup()'>

答案 1 :(得分:0)

如果你知道有多少textareas和你想要的(即页面上的第5个),你可以轻松查询所有textareas:

document.getElementsByTagName("textarea");

并选择您想要的那个。另一个解决方案是将控件移交给JS并在客户端上呈现textarea。 http://jsfiddle.net/FExQy/