女王控的博客

DOM知识点

4 篇文章

如何disabled禁用所有表单input输入框元素

pointer-events:none和覆盖层方法的问题 经常会遇到需求,需要禁用div中或者form元素中一堆表单控件元素,如 , , 元素。 很多人用的下面这两种方法实现: 设置pointer-events:none,例如: 使用::before伪元素创建一个浮层该在所有的表单元素上,例如: 以上两个方向虽然可以让点击无效,但是并没有阻止键盘访问,也就是Tab键索引,或者回车都能触发表单行为,使用new FormData(form… »

解决canvas图片getImageData,toDataURL跨域问题

图片服务器需要配置Access-Control-Allow-Origin 一般团队都会有一个专门域名放置静态资源,例如腾讯是gtimg.com,百度是bdimg.com;或者很多团队使用的是腾讯云或者阿里云的服务。 而主页面所在域名往往不一样,当需要需要对canvas图片进行getImageData()或toDataURL()操作的时候,跨域问题就出来了,而且跨域问题还不止一层。 首先,第一步,图片服务器需要配置Access-Control-Allow-Origin信息,例如: 如PHP… »

HTML5中的download属性

简介 首先看下面这种截图: 如果我们想实现点击上面的下载按钮下载一张图片,你会如何实现? 我们可能会想到一个最简单的方法,就是直接按钮a标签链接一张图片,类似下面这样: 但是,想法虽好,实际效果却不是我们想要的,因为浏览器可以直接浏览图片,因此,我们点击下面的“下载”链接,并是不下载图片,而是在新窗口直接浏览图片。 于是,基本上,目前的实现都是放弃HTML策略,而是使用,例如php这样的后端语言,通过告知浏览器header… »

HTMLUnknownElement与HTML5自定义元素

HTMLUnknownElement元素 在网页中,随便写一个标签,例如: 这个 就是一个HTMLUnknownElement元素。 在HTML规范中,HTMLUnknownElement元素是一个被认可的合法的元素,CSS可以无障碍使用,例如: 则实时效果如下(用户名大写): ZHANGXINXU HTMLUnknownElement继承HTMLElement中的方法,因此,基本上,常用的HTML方法都是可以畅快使用的,例如,文字变红色,可以直接: 不同点 在HTML… »

0%