1. 程式人生 > >在jq中textarea用val()與text()取回車換行值得差異

在jq中textarea用val()與text()取回車換行值得差異

JQuery TextArea的取值與賦值問題
首先,說明這不是一個簡單的問題!
先說取值:
(“#textarea”).text();讀取,最近測試時候發現在firefox中讀取不出textArea的值,IE正常  
於是修改為:
(“#textarea”).val();
問題解決,不過搜尋時,發現有人提另一個問題:
當在一個textarea標籤中鍵入一個回車時,實際上會插入2個符號:\n\r \n 回車符 \r 換行符
如果用text()獲取textarea中的值,那麼存入資料庫的資料就只會有\r 如果用var()獲取textarea中的值,
那麼存入資料庫的資料就只會有\n 這樣的區別就是,在IE下,
你如果是讀取用text()存入的資料在展示在textarea中,那麼資料的換行是正常的。
而讀取用var()存入的資料在展示在textarea中,那麼資料的就不會換行。
沒有具體測試過看來用val()也不妥當。但是這也是必求之策。 再說賦值: 看程式碼:(

"<divid=x1><textareaid=t1></textarea>"+"<textareaid=t2></textarea></div>").appendTo("body");(“#t1”).text(“AAA”);("#t2").val("BBB");alert("t1=" +(“#t1”).text() + “/” + ("#t1").val());alert("t2=" +(“#t2”).text() + “/” + ("#t2").val());alert((“#x1”).html());
在IE下,不管用val()或text()設定,後續的讀取都正常;但在Firefox下,使用val()指定的值,畫面上會出現,但是用text()或是透過html()檢視時卻是字串。因此在Firefox中,如果你希望設定給textarea值出現在html()中或可以被clone(),請用text(…)設定。
且慢!! 事情如果這麼單純,那麼連小學生也會跨瀏覽器了。使用text()設定時得注意換行問題,若你在IE中下text(“A\nA”),在顯示時只會呈現空一格而不會換行。依我測試的結果,在IE下text(“A\r\A”)得到顯示結果比較接近預期,但是text(“A\rA”)在Firefox中顯示時會換列,用text()取出時卻是連在一起的… 這… 這… 這…
最後,只能採取懦夫策略,在呼叫.clone()前做了這件事迴避問題:
theDiv.find("textarea").each(function() {
(this).text($(this).val()); });
很醜,但看來是有效的! 如果有人有其他好點子,再分享一下吧!
【著名心得】沒有噼成一字馬的本事,不要跟別人說你會”跨”瀏覽器!

——————重要問題—————-
textarea中把回車鍵當作快捷鍵時候,並不要他顯示換行動作。但瀏覽器處理了連個動作。
無賴(textarea).val();(document).keypress(function(e){
if(e.ctrlKey && e.which == 13 || e.which == 10 || e.which == 13) {
(“#send”).click();  
e.preventDefault();//遮蔽enter對系統作用。按後增加\r\n等換行

(“#what”).val(“”);
}
});
e.preventDefault();就是遮蔽enter鍵接下來的操作,啊哈哈哈。知道此招的固然是高人,莫笑小弟之欣喜。