【H5系列之contenteditable】的更多相关文章

H5系列之contenteditable

其实这个属性很简单,既然把它放到一个单独的文章来说,他肯定有一些注意点要讲 兼容性很好,兼容所有主流浏览器. 用法很简单,只需要给你需要的标签填上即可. <div contenteditable="true">我是一个div</div> 那么会出现一个神奇的效果.(文字可以编辑) 语法也很简单. contenteditable="true" (可以编辑) contenteditable="false" (不可以编辑) 如果…

H5系列之History（必知必会）

H5系列之History(必知必会)   目录 概念 兼容性 属性 方法 H5方法       概念     理解History Api的使用方式 目的是为了解决哪些问题   作用:ajax获取数据时,可以改变历史记录,从而可以使用浏览器的后退和前进.   []   规范地址: http://www.w3.org/TR/html5/history.html     [01]History 对象   []Window对象的history属性引用的是该窗口的History对象.   []Histor…

H5新增属性contenteditable（不用JS，实现div模拟textarea高度自增长）

无意中看到一篇博客介绍了contenteditable这个属性——不需用JS,只需在div里加上contenteditable="true",即可实现div模拟textrarea(文本域),让textrarea的高度随内容的增加而自动增加.当时就惊呆了,居然还有这种操作!!! <div id="textarea" contenteditable="true"></div> 原文博客 contenteditable属性介绍:…

H5系列之地理位置（必知必会）

H5之地理位置必知必会     [02]概念   规范地址:http://www.w3.org/TR/geolocation-API/     HTML5 Geolocation(地理定位)用于定位用户的位置. 定位用户的位置HTML5 Geolocation API 用于获得用户的地理位置.鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的.   HTML5 Geolocation API 允许我们对喜欢的网站共享我们的位置.JavaScript 可以捕获到纬度和经度,还可…

H5新属性 contenteditable

contenteditable 属性规定元素内容是否可编辑 <div contenteditable style="width: 100px;height:100px"></div> 给 div 设置了 contenteditable 属性后  该div 可以编辑内容…

H5全局属性contenteditable，实现可编辑元素

<div contenteditable="true">这是一段可编辑的段落.请试着编辑该文本.</div> 效果如下:…

H5系列之video自己编写控制栏

首先来了解一下 video, video呢,是H5 的标签,别人说的 H5播放器,没错 就是他了,利用video标签,可以实现视频播放. 但是啊,你会发现,在不同的浏览器上,播放器的 控制栏,都是不一样的.例如: 在不同的浏览器上, 显示不同的控制栏,这在公司开发,是绝对不允许出现的效果的. 所以,我们可以通过js控制video的方法,来进行自定义控制栏. 播放与暂停(video上面的方法,play() 和 pause()) 效果图如下: 代码如下(有带注释): <!DOCTYPE html>…

H5系列之canvas

what is canvas?(什么是canvas) 其实他只是H5里面的一个标签而已,那么他作为一个标签,肯定有他的用途,他就像是一幅画布,等待着你来作画.可以说,他只是一个容器而已,需要配合着JavaScript来进行绘制. 那么他能做些什么东西呢? 例如这个:http://www.yyyweb.com/demo/tearable-cloth/index.html 还有这个:http://canvasrider.com/tracks/409068 用处很多,但是用的最多的还是,简单的画个图形…

H5系列之常用的语义元素

H5添加了几个新标签,带有语义化的标签,像我们的div 和 span 标签,你说他两能干嘛呢, 好像他两什么事都能干.举个例子,你家里的房子,有几个房间,如果不分房间的话,是不是你 今天睡这里,明天睡另外一间房间,后天再睡另外一间房间, 是不是很乱呢?  的确是很乱,像我们的网页,比较复杂的网页,里面全都是用div来搭建,那怎么行呢,是不是有点分不清 这块区域是干嘛的, 那块区域是干嘛的?   所有才有了语义化的标签. 举几个常见的标签, ul li   这货一看,就知道他是列表吧.那么 img…

H5系列之drag拖放

H5中, 有个属性,draggable="true", 这个属性呢(默认false),需要加在标签上,加上去该标签就可以拖动了, 看下gif图吧 默认的标签,是不能拖动的,但是有两个标签是意外,img标签,和 a标签,默认就可以拖动. 浏览器兼容问题: w3c 是说 都支持, 但是据我实测, firefox 浏览器,在我这台机子上面是不支持的. 所以,使用的时候,注意一下,firefox 这个特殊的浏览器 好了,接下来,看看他还有些什么东西吧.拖拽div的时候,他身上能监听到三个事件…