写前端遇到的一些有用的东西

以前做动画效果出发总是在触发项上面加上onmouseover=“function()”和onmouseout="function()'和onclick="function()"啥的，这样使得前端的代码看着挺臃肿的，当时也没想着去弄个好点的方法。。最近接外包的时候，搜网页的时候看到了这种写法

$("#id").bind("mouseover mouseout",function(e){
  do something;#e.type为两者中的一种
  #(this)因为bind为一个强制绑定，所以指的是$("#id")本身。
})

这种写法貌似很久以前就有了，然而我不知道而已。（所以我要去写后台了）

navigator.userAgent 这个可以用来输出浏览器的信息，比如是否为火狐，chroem，edge等，还可以用来辨别系统。

jquery：
$("#id").on('onchange',function(){}); .on()用于给标签绑定事件.并且是可以连续写的比如

$("#woshiid").on('onchange',function(){});
$("#woshiid").on('onfocus',function(){});
$("#woshiid").on('onblur',function(){});

可以改为

$("#woshiid").on('onchange',function(){}).on('onfocus',function(){}).on('onblur',function(){});

focus，blur是不会连续触发的，初次进入与出去才会触发。
keypress，可以连续触发，但是只支持字符变量。
keyup，keydown可以连续触发，有keycode，用于识别功能键。
oninput，onpropertychange用于识别input是否改变值。