事件event

1. 标签内的onClick事件

//html
<div class="xxxx" onClick="evct()"></div>
//js
function evct(){
// TODO
}

2. click事件

// html
<div class="className"></div>
//js
$('.className').click(function(e){
    $(e.currentTarget).attr("xxx");// 通过e.currentTarget定位当前点击事件的标签
// TODO
});

3. 触发点击事件

//js
// 定义点击事件
$('.className').click(function(){
// TODO
});
$('.className').on('mousedown', function(){
// TODO
});
// 在方法内触发点击事件
function xxx(){
    $('.className').trigger("click"); // 触发一次点击（click）事件;
    $('.className').trigger("mousedown"); // 触发一次点击（mousedown）事件
}

mousedown、mouseup、click事件之间的关系:
mousedown:当鼠标指针移动到元素上方，并按下鼠标按键（左、右键均可）时，会发生 mousedown 事件。
mouseup:当在元素上松开鼠标按键（左、右键均可）时，会发生 mouseup 事件。
click:当鼠标指针停留在元素上方，然后按下并松开鼠标左键时，就会发生一次 click 事件。
三个事件的触发顺序:
若在同一个元素上按下并松开鼠标左键，会依次触发mousedown、mouseup、click，前一个事件执行完毕才会执行下一个事件。（鼠标右键不会触发click事件）

4. 按下回车(enter)键触发事件

$('inputClassName').keydown(function(e){
    if(e.keyCode == 13){
        // TODO
    }
});

keyCode对应关系：
keycode 8 = BackSpace 回格 keycode 9 = Tab keycode 13 = Enter 回车
keycode 65 = a A keycode 66 = b B keycode 67 = c C
keycode 68 = d D keycode 69 = e E keycode 70 = f F
keycode 71 = g G keycode 72 = h H keycode 73 = i I
keycode 74 = j J keycode 75 = k K keycode 76 = l L
keycode 77 = m M keycode 78 = n N keycode 79 = o O
keycode 80 = p P keycode 81 = q Q keycode 82 = r R
keycode 83 = s S keycode 84 = t T keycode 85 = u U
keycode 86 = v V keycode 87 = w W