以前做動畫效果出發總是在觸發項上面加上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是否改變值。
