使用jquery預覽用戶文本

我有這個網站：

<textarea id="tbMsg" style="height:450px;width:100%;"></textarea>

我想無論是在文字區域上方去到這個div，每2秒左右。

 <DIV id="preview" style="BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 3px; 
    BORDER-TOP: #c0c0c0 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #c0c0c0 1px solid; WIDTH: 660px; 
    PADDING-TOP: 3px; BORDER-BOTTOM: #c0c0c0 1px solid; HEIGHT: 700px"></DIV>

我有這個JavaScript/jQuery的：

<script type="text/javascript"> 
    $(function() { 
    $('#tbMsg').keyup(function() { 
     alert(1); 
     var text = $(this).val(); 
     $('#preview').html(text); 
    }); 
}); 
    </script>

警報1從未發生過，這意味着該請求wasnt成功。我的jquery出錯了？

來源

2012-04-01 Dmitry Makovetskiyd

歡迎回來，你編輯器問題解決了嗎？我發佈了一個全新的答案，滿足您的需求:) – 2012-04-01 11:36:26

是的，我用bbcode編輯器..非常簡單，比可愛的php和ckeditor – 2012-04-01 11:38:32

你可能想考慮做一個keyUp detection而不是定時同步。

$(function() { 
    $('#tbMsg').on('keyup', function() { 
     var text = $(this).val(); 
     $('#preview').html(text); 
    }); 
});

來源

2012-04-01 11:38:54 Joseph

問題它不必在keyup上，是否......如果這個人複製和粘貼，它會繼續工作嗎？ – 2012-04-01 11:40:01

'CTRL + V'粘貼工程，上下文菜單粘貼..不是。 – Joseph 2012-04-01 11:42:11

爲什麼你的代碼不工作？！？！.. jquery被加載..當我把alert inisde它，它給了我警報... – 2012-04-01 11:44:11

頁面加載時，條件：

if (bbcode != $("#tbMsg").val())

失敗，因爲BBCode的是「」和textarea的是空的。

來源

2012-04-01 11:34:45 frontendbeauty

是安全，但是當我鍵入的東西，它應該調用獲取 – 2012-04-01 11:35:58

啊是的。服務器是否返回200狀態正常？ – frontendbeauty 2012-04-01 11:42:05

使用jquery預覽用戶文本

回答

相關問題