原生js实现回车键按下时触发事件

通过下面的JS代码可以监测用户按下回车(Enter)按钮,可根据需要执行相应代码;

  $(document).on('keypress', function(e) {
    if (e.which == 13) {
      alert('You pressed enter!');
    }
  }

上面代码使用e.which可改为e.keyCode,但e.keyCode 在部分浏览器上不兼容,所以建议使用e.which以保证代码100%安全执行;

Continue reading “原生js实现回车键按下时触发事件”

html5 localstorage能存多少数据

根据 WHATWG 规范描述如下:

A mostly arbitrary limit of five megabytes per origin is recommended. Implementation feedback is welcome and will be used to update this suggestion in the future.

规范建议的本地数据存储不超过5M,同时大多数浏览器默认的localstorage存储大小也是5M限制。

localstorage大小限制可以通过以下面的代码进行测试: Continue reading “html5 localstorage能存多少数据”

18条你不知道的JavaScript简写语法

对于开发人员来说让代码更加简单高效的运行是每一个码农的至高追求,下面是19个JavaScript简写语法,赶快应用到生产中吧。

1.三元运算符

if..else语句不复杂时的最佳替代品

常规语法
const x = 20;
let big;

if (x > 10) {
    big = true;
} else {
    big = false;
}
简写语法
const big = x > 10 ? true : false;

你也可以将代码写成如下样子:

const big = x > 10 ? " greater 10" : x < 5 ? "less 5" : "between 5 and 10";

Continue reading “18条你不知道的JavaScript简写语法”

jQuery获取select选中的值

select元素通常有两个要访问的值。首先是value值,其次是文本内容值,通过jquery获取任意一个值都很容易:

假定存在下面这个选择列表

<select id="myselect">
    <option value="1">Mr</option>
    <option value="2" selected="selected">Mrs</option>
    <option value="3">Ms</option>
    <option value="4">Dr</option>
    <option value="5">Prof</option>
</select>

如果我们需要获取当前选中的选项的value值,通过如下jQuery语句完成:

$( "#myselect" ).val(); 
// => 2

如果想获取当前选中项的文本内容值(非value值),通过如下jQuery语句完成:

$( "#myselect option:selected" ).text();
// => "Mrs"

 

最简单的Javascript邮箱验证方法

使用正则表达式验证邮箱是否合法可能是最好最简单的方法。

function validateEmail(email) {
    var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return re.test(email);
}

但请记住,不应仅仅依靠JavaScript进行邮箱合法性验证。 JavaScript可以很容易地被禁用。 同时也应该在服务器端验证。 Continue reading “最简单的Javascript邮箱验证方法”