JavaScript ----JQuery

来源：互联网发布：js加密 java解密编辑：程序博客网时间：2024/06/05 03:29

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）取消事件  不传参 则取消全部

0 0