首页 > 代码库 > 回车+回格特性

回车+回格特性

回车特性
回车总是会复制回车位置外层的父节点的样式
之前回车,是在前面添加空行,光标还在原先位置
之后回车,是在后面添加空行,光标在新行位置
 
<p class = "title"><br/></p>之前回车
<p class = "title">
<img>
</p>
<p class = "title"><br/></p>之后回车
 
 
回格特性

<p>

123
</p>
<p>
|456
</p>
在红色的位置是光标,向前回格,光标会跑到前一个节点内,这个时候的endContainer就是前一个节点,退格相当于将最外层父节点下面的所有节点移动到上一个节点内部
退格之前段落有内容
<p>
123| <span>456</span>
</p>
退格之前段落无内容
<p>
 <span>|456</span>
</p>
 
不同标签退格
<h1>
   123
<p>
  <img>
img退格 ,
<h1>
    123<img>
 
 
 
keydown 光标还在原先的位置,不执行默认操作
keyup 执行默认操作,光标在前面的位置    先执行默认操作,后执行自定义操作
 
keydown
默认操作
keyup

回车+回格特性