首页 > 其他 > 详细

回车+回格特性

时间:2016-11-19 13:00:18      阅读:247      评论:0      收藏:0      [点我收藏+]
回车特性
回车总是会复制回车位置外层的父节点的样式
之前回车,是在前面添加空行,光标还在原先位置
之后回车,是在后面添加空行,光标在新行位置
 
<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

回车+回格特性

原文:http://www.cnblogs.com/znsongshu/p/6080083.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!