JavaScript ----JQuery

1. blur与focus 和 focusin事件与focusout 区别：
事件冒泡： focusin 和focusout 支持事件冒泡，即 如果当前元素没有被添加事件，那就一直查询父元素，
直到查询到事件消费
而 blur 与focus 并不会查询父元素；

 <h4>.focusin与blur</h4>
    <div class="left">
        <div class="aaron">
            点击触发焦点(无反应)：
            <input type="text" />
        </div>
        <div class="aaron1">
            点击触发焦点并冒泡：
            <input type="text" />
        </div>
    </div>
    <script type="text/javascript">
    $(".aaron").focus(function() {
        $(this).css('border', '2px solid red')
    })
    $(".aaron1").focusin(function() {
        $(this).find('input').val('冒泡捕获了focusin事件')
    })
    </script>

２．常用事件

$(" #id").click( );
$(" #class").mousedown( );
$(" #id").mouseup( );
$(" #id").mousemove( );
$(" #id").mouseover( );
$(" #id").mouseout( );
$(" #id").mouseenter( );
$(" #id").hover( );
$(" #id").focusin( );
$(" #id").focusout( );
$(" #id").blur( );
$(" #id").focus( );
$(" #id").change( );    input元素，textarea和select元素值可变
$(" #id").select( );    textarea 或文本类型的 input 元素中的文本被选择时，会发生 select 事件。
$(" #id").submit( );   

具体能触发submit事件的行为：
<input type="submit">
<input type="image">
<button type="submit">
当某些表单元素获取焦点时，敲击Enter（回车键）
上述这些操作下，都可以截获submit事件


----------

$(" #id").keydown( );   
$(" #id").keyup( );    键盘事件 ，适用于焦点元素

$("#id").on('mousedown mouseup'，fun） 同时绑定多个事件
$("#id").off('mousedown mouseup'，fun）取消事件  不传参 则取消全部