首页 » 未分类 » 正文

DIV的一个“可编辑”属性

发布者:站点默认
2011/01/15 浏览数(2,954) 分类:未分类 DIV的一个“可编辑”属性已关闭评论

属性:

contenteditable

用法:

<div contentEditable="true">可编辑</div>

这样就可以使div变成可编辑的状态,我们可以通过JS来控制某区域是否可以编辑。以前为了实现这种效果,可能会加一个静态的span、一个text,然后通过来回赋值达到某地方可编辑。

效果如下:

点击DIV后,DIV区域会出现一个光标在闪动,但各浏览器的DIV边框会有不一样的变化。

IE下DIV的contentEditable属性效果图

IE下DIV的contentEditable属性效果图

IE8,没有边框

GC下DIV的contentEditable属性效果图

GC下DIV的contentEditable属性效果图

Google Chrome,橙色外边框

FF下DIV的contentEditable属性效果图

FF下DIV的contentEditable属性效果图

Firefox,虚线边框

<完>

点击返回顶部
  1. 留言
  2. 联系方式