What is the main difference between client.Y Layer.Y, Client.X Layer.X JavaScript

Question

I've been doing some test on canvas with the mouse, and there are different ways to get xPos and yPos. I saw people who use client others layer or offsetLeft-client.Y or x I don't remember right now, the thing is which is the different between them and which should I use