How deeply does D3.js in Action, Third Edition cover mouse event?

Explains listener callbacks, bound data, target coordinates, transitions, and keyboard alternatives without detailing browser event internals.

Mouse event

As explained in D3.js in Action, Third Edition

A mouseenter event is dispatched when a pointing device enters an element's area.

A mouse event lets a visualization respond when a pointing device enters or leaves an element. In D3, listeners receive the DOM event and the element’s bound datum. section 7.3.1

Make a tooltip keyboard-accessible

Mouse events alone exclude users who navigate with a keyboard. Make SVG circles focusable with tabindex, then pair mouseenter with focus and mouseleave with blur so the same tooltip works for both interaction methods. section 10.2.4

How D3.js in Action, Third Edition covers it

liveBook manning.com

Read D3.js in Action, Third Edition on liveBook Get the book at manning.com

Related concepts

handlerused by · A handler is a callable or software component that processes an event, request, message, or other input and performs associated processing.
touch inputalternative to · Touch input is user input supplied through contact or gestures on a touch-sensitive device or surface.
on()used by · on() is a D3 selection method that registers an event listener for a specified event type and callback function.
sliderused by · A slider is an interactive interface control for selecting or adjusting a value within a continuous or discrete range.
tooltipuses · A tooltip is a transient interface label that displays brief contextual information near an associated element during interaction.
clientXhas part · clientX is a MouseEvent or Touch property giving a contact's horizontal position relative to the browser viewport.

This explainer was generated by Manning's knowledge graph from the text of D3.js in Action, Third Edition. The section links point to the parts of the book it draws on.