十二、jquery事件简介

publicTIM 2013-05-07

$(function() {
    $("#child").bind("click",function(event){
        //使用JQuery把浏览器之间的问题全部屏蔽了
        //所使用的事件模型是DOM2
        print(event.target);
    });
   
    //使用JQuery可以有效的通过第二个参数来传递相应的JSON参数进去
    $("#child").bind("click",{"name":"zs",age:12},function(event){
        //使用JQuery把浏览器之间的问题全部屏蔽了
        //通过event.data可以获取传入的参数值
        print(event.data.name+"aaa");
    });
    function print(txt) {
        $("#content").append(txt+"<br/>");
    }
});

$(function() {
    $("*").bind("click",function(event){
        print(event.currentTarget.id+"--"+event.target.id);
        //对于JQuery依然存在事件冒泡,可以使用以下函数取消事件冒泡
        event.stopPropagation();
        //如果对于form或者a可能不希望继续提交或者继续访问超链接,
        //可以通过event.preventDefault阻止事件继续向下走
        //特别注意:这个和事件冒泡没有任何的关系
        event.preventDefault();
    })
    function print(txt) {
        $("#content").append(txt+"<br/>");
    }
});

相关推荐

Web全栈笔记 / 0评论 2020-06-15