?$("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"http://undefined

事實上這兩個都觸發了，但是沒有冒泡！但是沒有冒泡！但是沒有冒泡！

重要的事情說三遍，沒冒泡，也就沒有作用到上層的<div id="accident">，沒作用到<div id="accident">也就不用觸發

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

? ? ? ? alert("trigger觸發的事件會在 DOM 樹中向上冒泡");

? ? });

了，所以，不會彈出alert窗口。

說白了，就是一個冒泡的問題。

在某些不希望觸發原生事件綁定函數的時候使用