
h5新特性
文章平均质量分 65
David_Xia001
时也,运也,天命也!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
实现全屏和取消全屏
实现全屏和取消全屏需要用到h5中的新特性—requestScreenFull和cancelScreenFull两个特性 给一个全屏按钮绑定一个点击事件,例如点击时触发 $(‘全屏按钮的选择器’).οnclick=function(){ if(screen.webkitRequestFullScreen){ screen.webkitRequestFullScreen(); } } 这样就可以触发全...原创 2019-07-09 09:12:53 · 1575 阅读 · 0 评论 -
实现元素的拖拽
现在会有很多奇特的需求,比如说将一个div中的p标签用拖拽就可以把这个p标签移入到另一个div中 这个时候就需要用的h5中的新特性—draggable 1.给被拖拽的元素绑定这个draggable属性 被拖拽的元素 这样就已经可以实现拖拽,但是无法移入到另一个div中 2.这是因为浏览器默认阻止拖拽,这个时候就需要对目标div进行处理,让浏览器不阻止 document.ondragover = f...原创 2019-07-09 09:35:35 · 425 阅读 · 0 评论 -
实现及时展示用户上传的图片文件
HTML代码 文件: JS代码 var file = document.querySelect(’#file’); getFileContent(){ //新建文件的读取 var reader = new FileReader(); //以读取文件字符串的方式读取图片文件,这样才能将图片文件嵌入到页面中,但是也不能直接读取file,文件的内容是存在file对象下面的files数组中 rea...原创 2019-07-09 11:13:16 · 304 阅读 · 0 评论