随笔分类 - Html5
摘要:在浏览器中使用截图工具截图后直接粘贴到页面上传,以及拖拽到页面标签区域上传 主要使用了粘贴(paste)事件,以及拖拽(drag)事件,其中拖拽时要禁用浏览器的默认将图片打开的行为 例子: HTML部分: js部分: 调用: 后端保存图片部分代码: demo源码下载地址:链接:https://pan
阅读全文
摘要:一个页面A.html使用iframe嵌套一个页面B.html,在A页面写js操作B页面HTML元素,首先要获取到B页面document对象,才能对嵌套页面进行操作 请看一个实例,在A页面写js操作B页面div的内容: A.html代码: B页面代码: 当点击 “测试操作” 时就这个文字就被修改成“1
阅读全文
摘要:在做图片上传时,大图片如果没有压缩直接上传时间会非常长,因为有的图片太大,传到服务器上再压缩太慢了,而且损耗流量。 思路是将图片抽样显示在canvas上,然后用通过canvas.toDataURL方法得到base64字符串来实现压缩。 废话不多少不多说直接看代码: 本次测试使用了 zepto.min
阅读全文
摘要:设置标签属性draggable="true"将一个标签内的元素拖动到另外一个标签进行显示: 注意:链接和图像标签默认是可拖动的 其它标签默认是不可以推动的 更多详细介绍:http://www.w3school.com.cn/html5/att_global_draggable.asp 效果演示地址:
阅读全文
摘要:在HTML5中在标签新添加了一个属性contentEditable可以设置标签内的内容是否可以编辑: 设置contenteditable="true"标签内的元素(内容)可以编辑 如果不设置contenteditable的值默认为false,不可以编辑的元素。 更详细介绍:http://www.w3
阅读全文

浙公网安备 33010602011771号