经验总结

记录日常工作生活中遇到的问题,技术和知识点
经验总结

CSS屏蔽手机端长按选中 防止图片自动放大 禁止复制

1

Deshun 发布于 6年前 (2018-05-10) 10073℃ 评论(0) 赞 (2)

CSS屏蔽手机端长按选中 防止图片自动放大 禁止复制

使用手机浏览页面的时候,有些浏览器内核的原因,点击 img 标签图片会自动放大,长按会弹出下载或者保存选项。在写页面时如何避免此类情况的发生呢?我们可以使用 CSS 来屏蔽图片的选中。我整理了两个方案:1、首先想到的是通过 JS 实现,对 touch 事件做处理。window.o...

经验总结

分享一些实用的Chrome DevTools技巧

14

Deshun 发布于 6年前 (2018-04-28) 4243℃ 评论(0) 赞 (0)

分享一些实用的Chrome DevTools技巧

Chrome 开发工具提供了一套非常出色的工具来帮助我们在 Web 平台上开发。有一些您可能还不知道的小功能,现在给大家分享一下:在“Elements”面板中拖放在“Elements”面板中,您可以拖放任何 HTML 元素来更改其位置。在控制台中引用当前选定的元素在“Elemen...

经验总结

jQuery实现本地input选择图片实时显示

2

Deshun 发布于 6年前 (2018-04-27) 5812℃ 评论(0) 赞 (6)

jQuery实现本地input选择图片实时显示

在写图片上传功能时,如果可以实时预览就好了,我们可以通过 jQuery 实现这一效果。为了更加美观,可以结合我之前写的一篇文章,给图片显示区域设置一个默认图片:HTML img src图片路径不存在,则显示一张默认图片的方法HTML代码如下:<p>  &n...

经验总结

js获取input上传文件的文件名和扩展名的方法

4

Deshun 发布于 6年前 (2018-04-26) 25907℃ 评论(1) 赞 (25)

js获取input上传文件的文件名和扩展名的方法

使用 js 可以获取 input 上传文件的文件名和扩展名,这里我整理一下具体方法:1. 使用原生JS获取:CSS代码:给 div 一个内边距,按钮设置样式。div{     padding: 5px; } #mybtn&n...

经验总结

input[type=file]去掉“未选择任何文件”及样式改进

6

Deshun 发布于 6年前 (2018-04-25) 33364℃ 评论(3) 赞 (29)

input[type=file]去掉“未选择任何文件”及样式改进

input 标签的 file 属性,在没有选择文件的情况下,默认显示一条文字“未选择任何文件”。在选择文件后,该条文字会变成路径和文件的名称。如何去掉其默认的“未选择任何文件”提示呢?查阅资料,没有发现可以直接修改的办法,但是我们可以通过其他方法,实现自定义提示文字的效果。我通过...

经验总结

jQuery text() html() val()设置内容和attr()设置属性的用法

Deshun 发布于 6年前 (2018-04-25) 2686℃ 评论(0) 赞 (0)

jQuery设置内容的方法 - text()、html() 以及 val()text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)val() - 设置或返回表单字段的值下面的例子演示如何通过 text()、html() 以及 val() 方法来设置内容:代码如下:$(function () {   ...

经验总结

找回Windows Server&Windows10 ltsb 图片查看器

3

Deshun 发布于 6年前 (2018-04-21) 3612℃ 评论(0) 赞 (0)

找回Windows Server&Windows10 ltsb 图片查看器

Windows Server  和 Windows 10 ltsb版本精简了一些功能,限制了自带的图片查看器功能,图片默认以画图打开,对于常见的 .bmp .jgp .png 图片查看时很不方便。其实只要简单设置一下就可以找回 Windows图片查看器了。搜索 cmd...