How to set element's interactive area to content instead of the default rectangle

Thanks for your replay.
I want to listen to a mouseIn event only on hovering over the triangle it self and not the circumscribed square.
currently it will activate in any part of the square, including the unwanted part where there is no triangle (marked by red dot).