裹<a></a>按下@時 - Jquery的

Question

這裏是我得到的 - ：

<div contenteditable="true">Hey man @tt</div>

現在我想，當它進入有史以來@迴繞到<a></a>。

對於例如，當按下@，HTML是

<div contenteditable="true">Hey man <a>@</a>tt</div>

Answer 1

使用replace()。

試試這個

var output= $('div').html().replace('@','<a>@</a>'); 
$('div').html(output); 

fiddle here

Answer 2

$('input').keypress(function(e){ 
    if ((e.shiftKey == true) && (e.charCode == 64)) 
    { 
     $(this).html().replace('@','<a>@</a>'); 
    } 
});