ContextQMD
Back to Content

InputEvent

files/en-us/web/api/inputevent/index.md

latest1.8 KB
Original Source

{{APIRef("UI Events")}}

The InputEvent interface represents an event notifying the user of editable content changes.

{{InheritanceDiagram}}

Constructor

  • {{DOMxRef("InputEvent.InputEvent", "InputEvent()")}}
    • : Creates an InputEvent object.

Instance properties

This interface inherits properties from its parents, {{DOMxRef("UIEvent")}} and {{DOMxRef("Event")}}.

  • {{DOMxRef("InputEvent.data")}} {{ReadOnlyInline}}
    • : Returns a string with the inserted characters. This may be an empty string if the change doesn't insert text (for example, when deleting characters).
  • {{DOMxRef("InputEvent.dataTransfer")}} {{ReadOnlyInline}}
    • : Returns a {{DOMxRef("DataTransfer")}} object containing information about richtext or plaintext data being added to or removed from editable content.
  • {{DOMxRef("InputEvent.inputType")}} {{ReadOnlyInline}}
    • : Returns the type of change for editable content such as, for example, inserting, deleting, or formatting text.
  • {{DOMxRef("InputEvent.isComposing")}} {{ReadOnlyInline}}
    • : Returns a {{JSxRef("Boolean")}} value indicating if the event is fired after {{domxref("Element/compositionstart_event", "compositionstart")}} and before {{domxref("Element/compositionend_event", "compositionend")}}.

Instance methods

This interface inherits methods from its parents, {{DOMxRef("UIEvent")}} and {{DOMxRef("Event")}}.

  • {{DOMxRef('InputEvent.getTargetRanges()')}}
    • : Returns an array of {{domxref("StaticRange")}} objects that will be affected by a change to the DOM if the input event is not canceled.

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also