美文网首页
绑定事件 自定义事件 事件冒泡

绑定事件 自定义事件 事件冒泡

作者: 张明越 | 来源:发表于2019-06-20 19:01 被阅读0次

    绑定事件

    bind命令同时绑定多个事件

    unbind取消绑定


    自定义事件

    trigger是触发事件


    事件冒泡

    even.stopPropagation阻止冒泡

    even.preventDefault阻止默认行为

    return false


    弹框-阻止冒泡

    事件委托

    delegate委托

    undelegate取消委托


    jquery元素节点操作

    创建节点

    var ('<div>');

    var ('<div>这是一个div元素</div>');

    插入节点

    1、append()和appendTo():在现存元素的内部,从后面插入元素

    var ('<span>这是一个span元素</span>');

    span);

    ......

    <div id="div1"></div>

    2、prepend()和prependTo():在现存元素的内部,从前面插入元素

    3、after()和insertAfter():在现存元素的外部,从后面插入元素

    4、before()和insertBefore():在现存元素的外部,从前面插入元素

    删除节点

    $('#div1').remove();

    todolist(计划列表)实例


    滚轮事件与函数节流

    jquery.mousewheel插件使用

    jquery中没有鼠标滚轮事件,原生js中的鼠标滚轮事件不兼容,可以使用jquery的滚轮事件插件jquery.mousewheel.js。


    函数节流

    javascript中有些事件的触发频率非常高,比如onresize事件(jq中是resize),onmousemove事件(jq中是mousemove)以及上面说的鼠标滚轮事件,在短事件内多处触发执行绑定的函数,可以巧妙地使用定时器来减少触发的次数,实现函数节流。

    整屏滚动实例

    相关文章

      网友评论

          本文标题:绑定事件 自定义事件 事件冒泡

          本文链接:https://www.haomeiwen.com/subject/fstsqctx.html