js
梧桐深院
这个作者很懒,什么都没留下…
展开
-
js操作css的多种方式
dom方式操作cssh5 API(classList)方式css om方式<html><head><style> .white{ height:30px; width:100px; background-color:#fff; border:red 1px solid; } .black{ height:30px; width:100px; background-color:#000; border:red原创 2021-05-23 17:31:29 · 479 阅读 · 0 评论 -
html5 拖拽(上传)ctrl + v上传原理解析
实现元素拖拽的步骤1 把元素的draggable属性设置为true draggable=“true”2 拖放开始ondragstart触发dragstart事件3 当拖放到其它元素上ondragover会触发dragover事件4 放置元素时ondrop会触发drop事件拖拽过程中的其它事件:...原创 2021-05-19 13:59:19 · 543 阅读 · 0 评论 -
js 获取剪贴板文件和文本(解决js获取剪贴板文件总是为空)
// ctrl + v自然会触发paste事件,根本不用你自己去监听ctrl+v document.addEventListener('paste',function(event){ //ClipboardEvent // 获取文件 console.dir(event.clipboardData.files); // 获取文本 console.dir(event.clipboardData.getData('text')); });获取剪贴板文件时有两个坑:坑1: c...原创 2021-05-19 13:18:31 · 2629 阅读 · 1 评论 -
js检测ctrl+v
document.addEventListener('keydown',function(event){ //console.log(event); let keyStr = event.key; if((keyStr==='v'||keyStr==='V') && event.ctrlKey===true){ console.log('ctrl+v') }});扫码关注,获取更多好料原创 2021-05-18 10:24:36 · 796 阅读 · 2 评论 -
拖拽上传event.dataTransfer.files始终为空
这是一个bug,当我console.dir(event.dataTransfer);时,显示files的length为0,这让我一直以为没有获取到拖拽的文件,然而当我console.dir(event.dataTransfer.files);时,却显示我拖拽的文件信息。如下图:原创 2021-05-15 20:29:14 · 1501 阅读 · 2 评论 -
chrome控制台一句话实现页面checkbox全选
有时候做 一些重复性的工作,操作一些界面,需要全选checkbox,但是页面又没提供全选功能,此时一句话全选能帮我们节省很多时间document.querySelectorAll('input[type=checkbox]').forEach(function(item){ item.checked=true; console.log(item.checked)});在此记录,并不是因为这个功能很难,只是为了提醒我们,要时刻想着如何用工具提高效率。...原创 2021-05-14 10:43:33 · 1972 阅读 · 0 评论 -
postMessage 跨文档消息传递
可应用于如下场景:页面和其打开的新窗口的数据传递页面与嵌套的 iframe 消息传递多窗口之间消息传递示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>sender</title></head><body><script> // 发送 function sen原创 2021-05-11 13:28:45 · 268 阅读 · 0 评论 -
web开发,小白须知,大神必会接口清单
https://developer.mozilla.org/zh-CN/docs/Web/API原创 2021-04-14 12:36:33 · 178 阅读 · 0 评论 -
chrome实现直接打印 js调用iframe打印局部内容 js新开窗口打印局部内容
chrome实现直接打印预览页自动点击打印准备工作: 电脑连接打印机,并设置一个默认打印机 --kiosk-printing (chrome启动加该参数,这是在预览页自动点击打印按钮的) 在chrome的快捷方式这里加上该参数,重启chromefunction dayin(){ var newWindow=window.open('','_blank','width=1,height=1,top=10000,left=10000'); var html = ".原创 2020-12-21 10:39:50 · 2307 阅读 · 0 评论 -
ie 9环境下页面js不执行,打开控制台后就正常执行
原因是console,在ie 9 环境下,不打开控制台是没有console对象的,所以上线的代码要把console去掉哦。原创 2020-08-31 09:51:15 · 803 阅读 · 0 评论 -
document.write script不生效用document.createElement替代
最近遇到一个document.write("<script type='text/javascript' src='test.js'></script>")在ie浏览器不生效的问题,可用document.createElement("script");解决 var s = document.createElement("script"); s.type = "text/javascript"; s.src = "test.js"; document.getElemen原创 2020-07-10 08:11:45 · 2258 阅读 · 2 评论