老铁
个人专栏

最新文章

CSS 输入框focus自动隐藏placeholder(兼容多浏览器)

这是使用纯CSS来说实现:当输入框获取焦点时,自动隐藏placeholder,分别支持WebKit,Firefox 4+,IE 10+。/* WebKit浏览器 */ input:focus::-webkit-input-placeholder { color:transparent; } /* Firefox 4 至 18 */ input:focus:-moz-p

Javascript检测开发者工具Devtools是否打开(Chrome/Firefox/IE)

首先要确定一点:是没有统一标准的方法来检测各个浏览器的devtools是否打开。所以只能针对不同的浏览器使用不同的方案,当然随着浏览器能的升级,有可能目前的方案也是会不适用的。这里列出目前各个浏览器可用的方案。方案一console.log隐式调用元素的idfunction isDevToolsOpened() {  var opened = fal

JavaScript使用window.print()打印页面:样式设置、精确分页以及局部打印

大部分浏览器提供打印页面的功能,直接使用浏览器的打印功能是直接将整个页面打印出来,并且是自动分页。很多时候直接打印整个页面并不能满足我们的需要。有三方面的需求我们可能要考虑:样式设置:打印的样式和页面显示的样式不同,需要对设置打印样式。精确分页:需要根据具体的内容进行精确分页。局部打印:不需要打印整个页面,只需要打印页面的部分。html示例<!doctype html> &l

使用pace.js在页面顶部添加加载进度条

很多网站(如Github,Stackoverflow)在加载页面时,页面的顶部会看到页面加载进度条。使用pace.js可以很简单的实现此功能。下载pace.jspace官网下载:http://github.hubspot.com/pace/docs/welcome/(包含主题介绍)Github下载:https://github.com/HubSpot/pace完整zip包:http://githu

HTML 5关闭表单的自动填充(Autocompletion)

在HTML 5可以使用autocomplete属性关闭表单的自动填充。autocomplete="off" autocomplete可以在两个地方使用:form标签和input等输入标签form标签在form标签添加autocomplete="off"是关闭整个表单的自动填充。<form method="post"