Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Web Development Articles
Page 24 of 801
HTML DOM TouchEvent Object
The HTML DOM TouchEvent Object represents events that occur when users interact with HTML document elements using touch-enabled devices like smartphones, tablets, or touch screens. Touch events are essential for creating responsive mobile web applications. TouchEvent Properties The TouchEvent object provides several properties to detect modifier key states and touch point information − Property Description altKey Returns a Boolean value indicating if the Alt key was pressed when the touch event was fired. changedTouches Returns a TouchList object containing all contact points that triggered a state change in ...
Read MoreHTML DOM Track default Property
The HTML DOM Track default property sets or returns a boolean value that determines whether a text track should be enabled by default when the media element loads, unless the user's preferences override this setting. Note: Only one track element should have the default attribute set to true per media (audio/video) element to avoid conflicts. Syntax Following is the syntax for returning the default property value − trackObject.default Following is the syntax for setting the default property − trackObject.default = booleanValue Parameters The booleanValue parameter can have the ...
Read MoreHTML DOM Track kind Property
The HTML DOM Track kind property sets or returns the value of the kind attribute of a track element. This property specifies the type of text track associated with media elements like video and audio, helping browsers understand how to handle and display track content. Syntax Following is the syntax for getting the kind property − trackObject.kind Following is the syntax for setting the kind property − trackObject.kind = stringValue Parameters The stringValue parameter can be one of the following track types − Value Description ...
Read MoreHTML DOM TransitionEvent elapsedTime Property
The HTML DOM TransitionEvent elapsedTime property returns a floating-point number representing the duration in seconds that a CSS transition has been running when a transition event is fired. This property is particularly useful for monitoring and debugging CSS transitions or creating animations with precise timing. Syntax Following is the syntax to access the elapsedTime property − transitionEvent.elapsedTime Return Value The elapsedTime property returns a double representing the number of seconds the transition has been running. This value excludes any time the transition was paused. Example − Basic Transition Timing Following example ...
Read MoreHTML DOM TransitionEvent propertyName Property
The HTML DOM TransitionEvent propertyName property returns a string that identifies the specific CSS property that triggered a transition event. This property is essential for identifying which CSS property completed its transition when multiple properties are transitioning simultaneously. Syntax Following is the syntax for accessing the CSS property name from a transition event − transitionEvent.propertyName Return Value The propertyName property returns a string representing the name of the CSS property that finished transitioning. For example, it might return "transform", "width", "opacity", or any other CSS property that was being transitioned. Example − ...
Read MoreHTML DOM TransitionEvent Object
The HTML DOM TransitionEvent Object represents events that occur during CSS transitions. It provides information about the transition that has started, is running, or has ended. This object is automatically created when transition-related events are fired on HTML elements with CSS transitions. Syntax TransitionEvent objects are created automatically by the browser. You typically interact with them through event listeners − element.addEventListener("transitionend", function(event) { // event is a TransitionEvent object console.log(event.propertyName); console.log(event.elapsedTime); }); Properties The TransitionEvent object inherits from the Event object and has the ...
Read MoreHTML DOM Event type Property
The HTML DOM Event type property returns a string corresponding to the event's type such as click, keypress, load, or touchend. This property is useful for identifying which specific event was triggered when using the same event handler function for multiple event types. Syntax Following is the syntax for accessing the Event type property − event.type Return Value The event.type property returns a string representing the type of event that was fired. Common event types include: "click" − Mouse click event "keydown" − Key press event "load" − Page load event ...
Read MoreHTML DOM UiEvent detail Property
The HTML DOM UiEvent detail property returns a number that indicates how many times a mouse button was clicked in rapid succession. This property is particularly useful for detecting single clicks, double clicks, triple clicks, and other consecutive click patterns. Note − The detail property returns 2 for double-click events, 3 for triple-click events, and always 0 for mouse events that don't involve clicking such as onmouseover or onmouseout. Syntax Following is the syntax for accessing the detail property − event.detail Return Value The detail property returns an integer representing the number ...
Read MoreHTML DOM Underline Object
The HTML DOM Underline Object represents the element in the Document Object Model. The element is used to display text with an underline, though modern HTML5 recommends using CSS for styling instead of semantic meaning. The Underline Object provides access to all standard HTML element properties, methods, and events, allowing you to manipulate underlined text dynamically through JavaScript. Syntax To create a new element using JavaScript − var uObject = document.createElement("U"); To access an existing element − var uObject = document.getElementById("elementId"); Creating a Underline Element ...
Read MoreHTML DOM Video buffered Property
The HTML DOM Video buffered property returns a TimeRanges object that provides information about the buffered portions of the video. This read-only property helps determine which parts of the video have been downloaded and are ready for playback without interruption. The TimeRanges object contains information about buffered time ranges, including the length of buffered ranges and their start and end positions in seconds. Syntax Following is the syntax for accessing the buffered property − videoElement.buffered Return Value The buffered property returns a TimeRanges object with the following methods − length ...
Read More