码迷,mamicode.com
首页 > 其他好文 > 详细

回车+回格特性

时间:2016-11-19 13:00:21      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:标签   title   执行   img   自定义   down   添加   移动   内容   

回车特性
回车总是会复制回车位置外层的父节点的样式
之前回车,是在前面添加空行,光标还在原先位置
之后回车,是在后面添加空行,光标在新行位置
 
<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

回车+回格特性

标签:标签   title   执行   img   自定义   down   添加   移动   内容   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!