How to use left click mouse to teleport and look around without overlapping

I am trying to create webgl html5 project, we can use left click mouse press hold to look around and left click mouse also to teleport on the floor.

what I want to achieve is when I pressed and hold left click mouse, I can look around like normal fps camera. when I released it and by pressing left click mouse on the ground I can teleport to the points where I wanted.

The problem is when I press hold left click mouse to look around it also fires teleport at the same time, I want to make it one by one without overlapping.

I am trying to achive like the following webgl interactive interior :

Nice little graph.

On the path that works rotation, set a bool ( rotation_happened ). When the user lets go of the mouse, if rotation_happened, don’t do anything, otherwise, teleport.