2013-10-09 90 views
2

我試圖通過使用contenteditable來提交一些標題的元素,這種方式我想用戶鍵入/粘貼標題只有一行一行只有contenteditable元素

$('.title').on('keypress',function(e) { 
    var code = e.keyCode || e.which; 
    if(code == 13) { 
     e.preventDefault(); 
    } 
}).on('paste',function(){ 
    var text = $(this).text(); 
    $(this).html(text).focus(); 
}); 

問題是paste事件,當我粘貼一些文字,我不能用.focus()選擇/點文本到最後性格特徵

我做錯了什麼?

+2

可能的[複製](HTTP://計算器.com/questions/6831482/contenteditable-single-line-input) – Alex

+0

@Alex using CSS! ,好主意謝謝你的鏈接:D – l2aelba

+1

很高興幫助你:) – Alex

回答

3

我現在的想法......

的jQuery:

$('.title').on('keypress',function(e) { 
    var code = e.keyCode || e.which; 
    if(code == 13) { 
     e.preventDefault(); 
    } 
}).on('paste',function(){ 
    $('br,p',this).replaceWith(' '); 
}); 

CSS:(不要求)

.title br {display:none;}