Safari Developer Library


Safari DOM Additions Reference

Safari DOM Additions Reference


This covers miscellaneous DOM extensions used by Safari on the desktop and Safari on iOS. These extensions include DOM touch events for processing gestures for devices that have a touch screen and visual effects that support 2D and 3D transforms, animation, and transitions. Most of the classes described in this reference are Apple extensions that may also be proposed W3C standards.

See Also

There are a variety of other resources for Safari web content developers using JavaScript.

If you are using DOM touch events, you should also read:

If you are using visual effects, you should read:

If you want to use the JavaScript database classes, you should read:

If you want to use the JavaScript media APIs, then you should read:

  • JavaScript Scripting Guide for QuickTime, which describes how to use JavaScript to query and control the QuickTime plug-in directly.

If you want access to the DOM or use the canvas object, then read:

  • WebKit DOM Programming Topics, which describes how to use JavaScript in web content for WebKit-based applications.

  • WebKit DOM Reference, which describes the API for accessing the WebKit Document Object Model.

If you want to read the WebKit W3C proposals then go to:


CSSRule Additions

Defines additions to the CSSRule class for animation.


Encapsulates a device's rotation rate, and acceleration.


Encapsulates a device's angles of rotation.

Document Additions

Describes the Document class.


Used to store resources locally.

DOMWindow Additions

Describes the additions to DOMWindow.


Encapsulates information about a multi-touch gesture.


Represents the HTML audio element that plays a sound or audio stream in a webpage.


Describes an abstract superclass for media classes that display audio or video in webpages.


Represents the HTML video element that plays a video or movie in a webpage.


Provides a way to evaluate CSS media queries from JavaScript.


Represents a single touch on the surface.


Encapsulates information about a touch event.


Used to represent a collection of Touch objects.


Encapsulate information about running animations in webpages.


Represents the style rule for a single keyframe in the a -webkit-keyframes CSS rule.


Represents the keyframes for a single animation, that is, the contents of an -webkit-keyframes CSS rule.


Represents a 4x4 homogeneous matrix for 3D transforms or a vector for 2D transforms.


Represent one transform function in a CSS transform property.


Represent a point in two-dimensional space used by transitions.


Provides information about CSS transitions.