$("input").on("focus",function(event,title) {
        $(this).val(title);
        return 5;
    });
 $("#accident").on("click",function() {
        alert("trigger触发的事件会在 DOM 树中向上冒泡");
        return 6;
    });
$("button:first").click(function() {
        //$("a").trigger("click");
        //$("input").trigger("focus");
        alert($("input").triggerHandler("click"))
    });
$("button:last").click(function() {
       // $("a").triggerHandler("click");
        //$("input").triggerHandler("focus","没有触发默认聚焦事件");
        alert($("input").triggerHandler("focus"));
    });

显示 ，一个undefined,一个5.

first_btn  :  input 它没有click事件，所以是undefined，input的上级div id=accident ，它是有click事件的，但是triggerHandler并不冒泡，所以也就无法传到div id=accident 上，所以alert返回的只有undefined

last_btn  :   同理 。

我将我们谈论到的两个事件都设置了返回值为某个定值，然后再alert了button：last点击事件的结果，发现triggerHandler指向的input的focus和click事件返回的都是undefined，也就是说什么事件都没有触发。。。

$("input").on("focus",function(event,title) {return 5; });//如果触发就返回5

$("#accident").on("click",function() {return 6; });//如果触发就返回6

 alert($("input").triggerHandler("click"));//undefined

 alert($("input").triggerHandler("focus"//undefined

事实上这两个都触发了，但是没有冒泡！但是没有冒泡！但是没有冒泡！

重要的事情说三遍，没冒泡，也就没有作用到上层的<div id="accident">，没作用到<div id="accident">也就不用触发

$("#accident").on("click",function() {

        alert("trigger触发的事件会在 DOM 树中向上冒泡");

    });

了，所以，不会弹出alert窗口。

说白了，就是一个冒泡的问题。

在某些不希望触发原生事件绑定函数的时候使用