javascript - 交換HTML contenteditable のクロムでのキーダウンのタグ

Question

Google Chrome のキープレスで div タグを br タグに置き換えることができません。Enter キーを押すと、Google chrome はそれを div タグとして読み取りますが、br タグとして機能させたいと考えています。解決策を提案してください。

私はこれを試しました：

$("#condition_pop").keypress(
   function { 
     if (e.which == 13) { 
           e.preventDefault(); 
           document.selection.createRange().pasteHTML("<br/>"); 
 } })

Answer 1

以下は、ENTER キーをキャッチするためのクロスブラウザー メソッドです。

$('#condition_pop').keydown( function(e) {
    var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
    if(key == 13) {
        e.preventDefault();
        alert("enter pressed");
    }
});

Chrome 24 でテスト済み: http://jsfiddle.net/PTauw/1/

Answer 2

<div>以下の関数を使用してタグを置き換えています<br>

$(function($){ 
$.fn.editableContent = function() 
    { 
        return this.html().replace(/<div>/gi,'<br>').replace(/<\/div>/gi,''); 
    }; 
});