在单击Enter /返回时,如何更改可满足HTML元素的默认行为



我在单击Enter或返回可满足的P元素时发现了它可以通过新的Div或p。进行扩展。我尝试了下面的页面,但它不起作用。

document.execCommand("defaultParagraphSeparator" , false , "br");

https://developer.mozilla.org/en-us/docs/web/guide/html/editable_content

document.onreadystatechange = function(){
        if(document.readyState == 'complete'){
            document.execCommand("defaultParagraphSeparator" , false , "br");
        }
    }

function public_mode(){
    var key = window.event.keyCode;
    if (key == 13) {
        sendMessage();
    }
}
function sendMessage(){
    var content = document.getElementById("content");
    console.log(content.innerHTML);
}
<p id = "content" contenteditable="true" onkeypress="public_mode()"></p>    
//p content is:
Hello world!
Hello world!
//console result is:
Hello world!
Hello world!<div>Hello world!</div>

实际上是根据您链接的文章出现的,只有在firefox

中才有可能

此外,Firefox支持非标准的参数,因为Firefox 55. Firefox 55.如果您的Web应用程序支持旧的Firefox行为,则可以检查浏览器是否为Firefox,但不幸的是,您没有太多的时间,这真的很有用为了修复新的Firefox的Web应用程序,您可以在初始化DesignMode或可满足的编辑器

时插入此行,将较旧的Firefox行为恢复原状

最新更新