-
js中的剪贴板操作
目前，一共有三种方法可以实现剪贴板操作Document.execCommand()方法 异步Clipboard API copy事件和paste事件 Document.execCommand()方法是操作剪贴板的传统方法，各种浏览器都支持，该方法只能操作可编辑元素，如input、textarea标签或设置了contenteditable属性为true的元素一般的操作步骤：1、通过getElementById()等或querySelector[All]()方法选定元素 2、通过element.focus()方法聚焦到元素，粘贴等操作需要 3、通过element.select()方法选中文本...
2019-03-07 -
HTML中Audio/Video的常用DOM方法属性和事件
方法load()：重新加载音频/视频元素，用于在更改来源或其他设置后对音频/视频元素进行更新。 play()：开始播放音频/视频。 pause()：暂停当前播放的音频/视频。 属性autoplay ：设置或返回是否在加载完成后自动播放buffered ：返回表示音频/视频已缓冲部分的TimeRanges对象p.buffered.start(0) :第一段缓冲开始时间 p.buffered.end(0) :第一段缓冲结束时间 p.buffered.start(1) :第二段缓冲(如果有)开始时间 p.buffered.end(1) :第二段缓冲(如果有)结束时间 controls ：设置或...
2018-12-19 -
js调试工具Console控制台命令
JS原生中默认是没有console对象,这是宿主对象(也就是游览器)提供的内置对象。用于访问调试控制台, 在不同的浏览器里效果可能不同console.log('用于输出普通信息')console.info('用于输出提示性信息')console.error('用于输出错误信息')console.warn('用于输出警示信息')console.debug('用于输出调试信息')console对象的上面5种方法，都可以使用printf风格的占位符。不过，占位符的种类比较少，支持字符(%s)、整数(%d或%i)、浮点数(%f)和对象(%o或者%O)四种。console.log('%d...
2017-08-23 -
data-*数据的获取和设置
在jquery中，使用data()方法可以方便的获取和设置data-*属性。.data(key, value) :设置一个已存在的data-key属性或添加一个新的data-key属性 .data( key ) ：获取指定的data-key属性的值 .data( obj ) ：使用带有名称/值对的对象向被选元素添加数据，可以一次添加多个data-*属性。 .data() ：不带参数将以 JavaScript 对象的形式获取所有数据 .removeData(key) ： 移除指定的data-key属性 .removeData() ：如果没有定义key，将从被选元素中删除所有已存储的数据。 ...
2017-02-22 -
javascript中事件绑定常用的封装函数
为了让IE和W3C可以兼容事件绑定，我们可以写成如下方式：function addEvent(obj, type, fn) { //添加事件兼容 if (obj.addEventListener) { obj.addEventListener(type, fn); } else if (obj.attachEvent) { obj.attachEvent('on' + type, fn); } } function removeEvent(obj, type, fn) { //移除事件兼容 if (ob...
2016-12-16