說一下自己的理解,避免踩坑
說一下我的理解:
trigger是自動執行,triggerHandle也是自動執行,這都知道了吧,
這一節讓我們區分它們之間的區別,trigger自動執行是會有冒泡發生的,點擊button:first時候trigger自動執行a的綁定事件click(就是點擊<a>),trigger是會冒泡的!所以點擊了<a>標簽就點擊了它所在的<div>,<div>有alert的事件就會發生,聚焦事件就不說了;
再說一下,triggerHandle,他不會發生冒泡,所以當點擊button:last時候呢,就不會出現alert啦,就僅僅是點擊了<a>標簽和聚焦操作。
他們的作用呢,我覺得就是自動執行了,比如加載網頁就要彈出什么一類的操作。
2019-04-02
?$("input").on("focus",function(event,title) {
??????? $(this).val(title)
??? });
??? $("#accident").on("click",function() {
??????? alert("trigger觸發的事件會在 DOM 樹中向上冒泡");
??? });
??? //trigger觸發focus
??? $("button:first").click(function() {
??????? $("a").trigger("click");
??????? $("input").trigger("focus");
??? });
??? //triggerHandler觸發focus
??? $("button:last").click(function() {
??????? $("a").triggerHandler("click");
??????? $("input").triggerHandler("focus","沒有觸發默認聚焦事件");
??? });