首页 > 代码库 > 回车+回格特性
回车+回格特性
回车特性
回车总是会复制回车位置外层的父节点的样式
之前回车,是在前面添加空行,光标还在原先位置
之后回车,是在后面添加空行,光标在新行位置
<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
回车+回格特性
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。