摘要： 填写完表单数据之后，很多用户喜欢直接按回车提交，感觉速度比较快，省去了拿鼠标找“提交”按钮再单击的时间。 今天我们就来实现一下： 原理： 1，获取“Enter”按键的code: 兼容不同的浏览器的写法如下： 2，监听键盘onkeyup事件： 3，判断code键码是否为13(代表enter的键码) 详 阅读全文

摘要： 在开发web页面时，表单内字符串过长而超出规定长度会导致一些不必要的麻烦， 比如： 用户注册时系统限制的用户名只有8个英文字符，但是用户输入了10个或者更多的字符时， 就可能造成昵称页面显示错行，或者昵称被截断的问题。 下面是限制字符串长度的解决方案： 1，通过使用JavaScript原生的获取属性 阅读全文

摘要： 当我们在一些网站注册账号、填写信息是，不小心将电话号码填写成汉字或其他英文字母了，这显然是不正确的。为了帮助用户更好地纠正输入时的错误，在表单中填写信息时，需要限制手机号、邮编、电话号码这类文本框不能输入其他字符，只能是数字。 通过使用正则匹配输入的时候只是数字： 再通过JavaScript的 on 阅读全文

摘要： 复制与粘贴 该操作是网民日常的一些基本操作，但有些网站为了保护版权（如小说类、图片类），禁止用户执行这些操作，这样就可以防止用户将正在浏览的文本，通过复制、粘贴的方式进行传播了。 oncopy事件： 定义和用法 oncopy 事件在用户拷贝元素上的内容时触发。 提示： oncopy 事件在用户拷贝元 阅读全文

摘要： 在表单中经常些必填项目，如果用户没有输入则不允许提交表单。例如在注册用户时，必须填写用户名才能提交注册信息。验证用户是否输入时，通常需要先过滤再验证（如果用户输入的都是空格就相当于没有输入）。 我们通过使用正则表达式匹配空格 1 var regex = /\s+/g; 调用string的replac 阅读全文

摘要： 在日常工作中，过滤表单中的一些特殊的字符是很常见的功能，比如文本中要求输入单纯的数字，但用户有时会误输入一些多余的空格或其他字符混合的文本，这显然不符合输入要求。 下面一起来学习怎么样去除字符串左右两边的空格。 过滤前： 过滤后： HTML代码： 1 <div class="main"> 2 <in 阅读全文

摘要： 闭包的概念： 在计算机科学中，闭包（也称词法闭包或函数闭包）是指一个函数或函数的引用，与一个引用环境绑定在一起。这个引用环境是一个存储该函数每一个非局部变量（也叫自由变量的表）。已晕^^ 闭包，不同于一般的函数，它允许一个函数在立即词法作用域外调用时，仍然访问非本地变量 ——from维基百科 闭包其 阅读全文

摘要： 近日在群里看到有个题目，拿出来写写， 要求： 用html,css,原生js实现如图的效果，先正向输出，然后逆向回溯，最后停留在完整的画面。 首先: HTML部分代码： <div id="result"></div> 就是这么简单一行搞定。 CSS代码： #result{ width:550px; m 阅读全文

摘要： 在前端面试中，大都会问你div居中的方法： 文笔不好，就随便寥寥几句话概括了， 不过以后文笔肯定会变得更好一些的。 今天我们就细数一下几种方法： 1，使用position:absolute,设置left、top、margin-left、margin-top的属性 1 .one{ 2 position 阅读全文

摘要： 使 div 元素看上去像一个按钮1 div2 {3 appearance:button;4 -moz-appearance:button; /* Firefox */5 -webkit-appearance:button; /* Safari 和 Chrome */6 }浏览器支持所有主流浏览器都不... 阅读全文