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