踩坑谷歌瀏覽器翻譯插件自動創建節點

這兩天被個奇奇怪怪的問題困擾，頁面加載Dom結構後發現結構與預期不符，並且只有谷歌瀏覽器出現了這個問題，然後逐一排查，引用的各個js文件被屏蔽個精光弄成靜態頁面發現還是找不到問題所在，監測了下發現加載了谷歌瀏覽器翻譯插件的相關js，然後把谷歌瀏覽器的翻譯禁用掉，刷新看了下，問題解決。真坑，你翻譯把innerText改了不就行了，非得插入個<font>

原結構

谷歌翻譯插件處理後的結構

被翻譯插件插入<font>節點後導致原綁定的事件失效。