當我們使用 jQuery 實現 div 內的文本回車換行時,通常會涉及到兩個問題:
1. 如何捕捉用戶輸入的回車鍵?
2. 如何在 div 中實現文本回車換行?
以下是一個簡單的實現方法:
<div id="myDiv" contentEditable="true"></div>
<script>
$(document).ready(function(){
$('#myDiv').keypress(function(e){
// 捕捉用戶按下回車鍵
if(e.which == 13) {
// 在光標處插入 <br> 標簽實現回車換行
document.execCommand('insertHTML', false, '<br>');
return false;
}
});
});
</script>
上述代碼中,我們首先將contentEditable
屬性設置為 true,使得用戶可以在 div 中編輯文本。然后,通過綁定一個 keypress 事件,捕捉用戶按下的回車鍵。當回車鍵按下時,我們調用document.execCommand('insertHTML', false, '<br>');
將 <br> 標簽插入到光標處,從而實現文本回車換行。
上一篇僅ie7識別css寫法