监听事件

• 监听滚动事件

$content.on('scroll', function(e) {
  if ($(this).scrollTop() > 112 && !$headerTitle.hasClass('active')) {
    $headerTitle.addClass('active')
  } else if ($(this).scrollTop() < 112 && $headerTitle.hasClass('active')) {
    $headerTitle.removeClass('active')
  }
})

• keydown keyup keypress javascript控制表单输入 (opens new window)

• 监听多个按键

$(document).ready(  
    function(){  
        document.onkeydown = function()  
        {  
            var oEvent = window.event;  
            if (oEvent.keyCode == 13 && oEvent.ctrlKey) {  
                alert("你按下了ctrl+enter");  
            }  
        }  
    }  
);  

clone 元素

// 复制元素，包括事件
$element.clone(true, true);

阻止 href 默认行为

<a href="javascript:void(0)" class="link_btn">导入</a>

监听拖拽上传

$('.drop').on('drop dragdrop',function(){
    alert('dropped');
});
$('.drop').on('dragenter',function(event){
    event.preventDefault();
    $(this).html('drop now').css('background','blue');
})
$('.drop').on('dragleave',function(){
    $(this).html('drop here').css('background','red');
})
$('.drop').on('dragover',function(event){
    event.preventDefault();
})

监听多个事件

$('#element').on('keyup keypress blur change', function(e) {
    // e.type is the type of event fired
});

on & off

// .off( events [, selector ] [, handler ] )
$("form").on("click.validator", "button", validate);
 
$("form").on("keypress.validator", "input[type='text']", validate);

一个或多个空格分隔的事件类型和可选的命名空间，或仅仅是命名空间，比如"click", "keydown.myPlugin", 或者 ".myPlugin"。