hightcharts在移動端運用 FastClick後蘋果上legend點擊失效的解決辦法

問題:在移動端作圖表運用了hightcharts,引用了fastclick來消除300ms的延遲,可是發現蘋果(安卓正常)上hightcharts的legend點擊不起做用了,必須長按才行。git

使用fastclick庫,其實現思路是,取消 click 事件(參看源碼 164-173 行),用 touchend 模擬快速點擊行爲(參看源碼 521-610 行)。github

在源碼521-610行裏能夠看到fastclick對一些特殊的標籤作了處理,這裏咱們也對hightcharts生成的一些標籤作處理,在此函數裏添加如下判斷函數

if(targetTagName === 'g' || targetTagName === 'path' || targetTagName === 'text'  || targetTagName === 'tspan'  ){
   return false;
}

完美解決。學習

 

(此問題以前沒有遇到過也不知道是否是沒注意,我特地用了純淨的hightcharts代碼作了實驗,可是仍是有問題,特在此記錄一下,若是有同窗遇到能夠交流學習,若有不正確的能夠指出,我在修改。)spa

相關文章
相關標籤/搜索