En el código que te he puesto simplemente aparecen diferentes párrafos (<p>) a los que se asigna un estilo (style:...) En ese estilo se define que el cursor será uno u otro (pruébalo y pasa el cursor por encima, verás cómo cambia) para que veas cómo son esos cursores y cómo se muestran.
Para aplicarlo sobre un evento, aquí tienes la lista de eventos:
http://www.elcodigo.com/tutoriales/j...vascript5.html