關於 threejs ui穿透問題 點擊穿透div 屏蔽錯誤點擊

很多時候three的載體dom元素內還有更多的元素

這樣在點擊的時候就會出現穿透div穿透各種UI元素,而觸發不必要的麻煩

比如我點這個綠色div就可以點到後面的物體,這樣就很麻煩

 

解決方案有兩種

1.直接判斷點擊對象是不是canvas...

        // event 點擊事件的參數
        if(!(event.target instanceof HTMLCanvasElement)){
            return;
        }

2.直接判斷點擊對象的id (因爲有可能你會用到多個canvas也不一定吧)

// 你需要給three的canvas賦個id
renderer.domElement.id="你的GUID"; 
        // event 點擊事件的參數
        if(event.target.id!=="你的GUID"){
            return;
        }

好吧就這樣了

 

有問題可以回覆~

 

 

L.Jason