Tag archive for: jQuery events

How to capture the coordinates of your mouse as it moves along a path with jQuery

When you want to move an object on your web page, you can do so by setting the top and left property of that object to several screen coordinates along a path of travel. Although you can create those coordinates by hand, it is more efficient to capture those coordinates using your mouse.

Previously, I had discussed:

• How to use jQuery to detect mouse clicks and
• How to use jQuery to get mouse cursor coordinates when mouse moves

In this post, we extend those ideas to build a simple mechanism that captures the coordinates of your mouse as it moves alone a path.

How to use jQuery to detect user checking and unchecking a checkbox

I wanted to show / hide some input fields when a user checks / unchecks a checkbox on a web page.

To investigate how I can use jQuery to detect user checking and unchecking a checkbox, I cooked up a scenario.

There is a page with a HTML checkbox and a message. When the checkbox is checked, the message shows; if not, the message hides.

Pretty straightforward scenario to get me into working out a proof of concept to fulfill my objective.

How to use jQuery to detect mouse clicks

Right after I found out how to get mouse cursor coordinates when mouse moves, I went ahead with exploring how to detect mouse clicks.

This post discuss how I had used jQuery to detect mouse clicks.

How to use jQuery to get mouse cursor coordinates when mouse moves

I was exploring on how to create drag and drop elements on a webpage. The first thing that I have to know is to detect my mouse cursor coordinates when my mouse moves.

This post documents my exploration in using jQuery to detect mouse cursor coordinates when I move my mouse.

How to highlight HTML table rows when mouse cursor hovers over them with jQuery

When I have to look at table of records, I always like to hover my mouse over the row that I am looking at so that I can focus on the details.

In addition, to facilitate my inspection of the data, I will want that row to be highlighted as well.

This post describe my exploration to highlight HTML table rows with jQuery.