# Element: webkitmouseforcechanged event



The non-standard **`webkitmouseforcechanged`** event is fired by Safari each time the amount of pressure changes on the trackpad/touchscreen.

**`webkitmouseforcechanged`** is a proprietary, WebKit-specific event introduced by Apple to support their [Force Touch events](https://developer.mozilla.org/en-US/docs/Web/API/Force_Touch_events) feature.

This event first fires after the [mousedown](https://developer.mozilla.org/en-US/docs/Web/API/Element%2Fmousedown_event) event and stops firing before the [mouseup](https://developer.mozilla.org/en-US/docs/Web/API/Element%2Fmouseup_event) event.

## Syntax

Use the event name in [addEventListener()](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget%2FaddEventListener):

```js-nolint
addEventListener("webkitmouseforcechanged", (event) => { })
```

Alternatively, assign to the [event handler property](https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Events#using_onevent_properties) of the interface:

```js-nolint
onwebkitmouseforcechanged = (event) => { }
```

## Event type

A [MouseEvent](https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent). Inherits from [UIEvent](https://developer.mozilla.org/en-US/docs/Web/API/UIEvent) and [Event](https://developer.mozilla.org/en-US/docs/Web/API/Event).

## Specifications

_Not part of any specification._ Apple has [a description at the Mac Developer Library](https://developer.apple.com/library/archive/documentation/AppleApplications/Conceptual/SafariJSProgTopics/RespondingtoForceTouchEventsfromJavaScript.html).

## Browser compatibility

## See also

- [Learn: Introduction to events](https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Scripting/Events)
- [webkitmouseforcewillbegin](https://developer.mozilla.org/en-US/docs/Web/API/Element%2Fwebkitmouseforcewillbegin_event)
- [webkitmouseforcedown](https://developer.mozilla.org/en-US/docs/Web/API/Element%2Fwebkitmouseforcedown_event)
- [webkitmouseforceup](https://developer.mozilla.org/en-US/docs/Web/API/Element%2Fwebkitmouseforceup_event)