渲染文本區域時使用Javascript / jQuery觸發事件

Question

我有一個JSF頁面，我試圖將特定段落中的文本與一組textarea的內容相關聯。

使用onchange和onkeyup事件可以很容易地使textarea更改時更改內容：

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

不幸的是，我在初始化段落時遇到一些麻煩，以便在初始加載頁面時使它們的文本與textarea相匹配。

由於頁面是如何實現的，因此編輯基礎HTML非常困難。 我不確定如何實現一個顯而易見的解決方案，例如在頁面加載時觸發的腳本，因為要獲得textarea的ID，這將需要我做一些實際的工作。 有什么方法可以將Javascript / jQuery代碼插入到textarea定義中，該定義將在頁面加載時觸發，以便我可以使用this對象，而不必弄清楚textarea ID？ 我可以利用jQuery的某些功能來免除需要知道ID的麻煩嗎？

Answer 1

觸發所有文本區域的keyup事件，但是您可能會想出一個更具體的選擇器：

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

或者，如果由於某種原因只能通過內聯標記附加函數，則可以將其添加到<body> ：

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

Answer 2

如果您知道有多少個文本區域以及想要哪個文本區域（即頁面上的第5個），則可以輕松查詢所有文本區域：

document.getElementsByTagName("textarea");

然后選擇所需的那個 另一個解決方案是將控件移交給JS並在客戶端呈現文本區域。 http://jsfiddle.net/FExQy/

渲染文本區域時使用Javascript / jQuery觸發事件

問題描述

2 個解決方案

解決方案1
1 2013-05-20 19:56:32

解決方案2
0 2013-05-20 19:30:04

渲染文本區域時使用Javascript / jQuery觸發事件

問題描述

2 個解決方案

解決方案1 1 2013-05-20 19:56:32

解決方案2 0 2013-05-20 19:30:04

解決方案1
1 2013-05-20 19:56:32

解決方案2
0 2013-05-20 19:30:04