trait ReactHTMLElement extends HTMLElement

React HTML elements

Get references to those elements by using 

^.ref

attribute.

object Foo {
  case class State(text: String)
}

class Foo extends PropslessReactElement[Foo.State] {
  import Foo._

  var inputElement: ReactHTMLInputElement = _

  override def render(): ReactElement = <.div()(
    <.input(
      ^.ref := ((element: ReactHTMLInputElement) => inputElement = element),
      ^.onChange := onChange,
      ^.value := state.text
    )()
  )

  val onChange = () => {
    setState(State(text = inputElement.value))
  }
}

You can also get references to them via io.github.shogowada.scalajs.reactjs.events.FormSyntheticEvent.

^.ref }}}

object Foo {
  case class State(text: String)
}

class Foo extends PropslessReactElement[Foo.State] {
  import Foo._

  var inputElement: ReactHTMLInputElement = _

  override def render(): ReactElement = <.div()(
    <.input(
      ^.ref := ((element: ReactHTMLInputElement) => inputElement = element),
      ^.onChange := onChange,
      ^.value := state.text
    )()
  )

  val onChange = () => {
    setState(State(text = inputElement.value))
  }
}

You can also get references to them via io.github.shogowada.scalajs.reactjs.events.FormSyntheticEvent.

Annotations
@RawJSType() @native()
Linear Supertypes
HTMLElement, Element, NonDocumentTypeChildNode, ParentNode, NodeSelector, Node, EventTarget, Object, Any, AnyRef, Any
Known Subclasses
ReactHTMLCheckBoxElement, ReactHTMLInputElement, ReactHTMLOptionElement, ReactHTMLRadioElement, ReactHTMLTextAreaElement
Ordering
  1. Alphabetic
  2. By Inheritance
Inherited
  1. ReactHTMLElement
  2. HTMLElement
  3. Element
  4. NonDocumentTypeChildNode
  5. ParentNode
  6. NodeSelector
  7. Node
  8. EventTarget
  9. Object
  10. Any
  11. AnyRef
  12. Any
  1. Hide All
  2. Show All
Visibility
  1. Public
  2. All

Value Members

  1. var accessKey: String
    Definition Classes
    Element
  2. def addEventListener[T <: Event](type: String, listener: Function1[T, _], useCapture: Boolean): Unit
    Definition Classes
    EventTarget
  3. def appendChild(newChild: Node): Node
    Definition Classes
    Node
  4. def attributes: NamedNodeMap
    Definition Classes
    Node
  5. def blur(): Unit
    Definition Classes
    HTMLElement
  6. def childElementCount: Int
    Definition Classes
    ParentNode
  7. def childNodes: NodeList
    Definition Classes
    Node
  8. def children: HTMLCollection
    Definition Classes
    ParentNode
  9. var classList: DOMTokenList
    Definition Classes
    Element
  10. var className: String
    Definition Classes
    HTMLElement
  11. def click(): Unit
    Definition Classes
    HTMLElement
  12. def clientHeight: Int
    Definition Classes
    Element
  13. def clientLeft: Int
    Definition Classes
    Element
  14. def clientTop: Int
    Definition Classes
    Element
  15. def clientWidth: Int
    Definition Classes
    Element
  16. def cloneNode(deep: Boolean): Node
    Definition Classes
    Node
  17. def compareDocumentPosition(other: Node): Int
    Definition Classes
    Node
  18. def contains(child: HTMLElement): Boolean
    Definition Classes
    HTMLElement
  19. var contentEditable: String
    Definition Classes
    HTMLElement
  20. var dir: String
    Definition Classes
    HTMLElement
  21. var disabled: UndefOr[Boolean]
    Definition Classes
    HTMLElement
  22. def dispatchEvent(evt: Event): Boolean
    Definition Classes
    EventTarget
  23. var draggable: Boolean
    Definition Classes
    HTMLElement
  24. var filters: AnyRef
    Definition Classes
    HTMLElement
  25. def firstChild: Node
    Definition Classes
    Node
  26. def firstElementChild: Element
    Definition Classes
    ParentNode
  27. def focus(): Unit
    Definition Classes
    HTMLElement
  28. def getAttribute(): String
    Definition Classes
    Element
  29. def getAttribute(name: String): String
    Definition Classes
    Element
  30. def getAttributeNS(namespaceURI: String, localName: String): String
    Definition Classes
    Element
  31. def getAttributeNode(name: String): Attr
    Definition Classes
    Element
  32. def getAttributeNodeNS(namespaceURI: String, localName: String): Attr
    Definition Classes
    Element
  33. def getBoundingClientRect(): ClientRect
    Definition Classes
    Element
  34. def getClientRects(): ClientRectList
    Definition Classes
    Element
  35. def getElementsByClassName(classNames: String): NodeList
    Definition Classes
    Element
  36. def getElementsByTagName(name: String): NodeList
    Definition Classes
    Element
  37. def getElementsByTagNameNS(namespaceURI: String, localName: String): NodeList
    Definition Classes
    Element
  38. def hasAttribute(name: String): Boolean
    Definition Classes
    Element
  39. def hasAttributeNS(namespaceURI: String, localName: String): Boolean
    Definition Classes
    Element
  40. def hasAttributes(): Boolean
    Definition Classes
    Node
  41. def hasChildNodes(): Boolean
    Definition Classes
    Node
  42. def hasOwnProperty(v: String): Boolean
    Definition Classes
    Object
  43. var id: String
    Definition Classes
    Element
  44. var innerHTML: String
    Definition Classes
    Element
  45. def insertAdjacentHTML(where: String, html: String): Unit
    Definition Classes
    Element
  46. def insertBefore(newChild: Node, refChild: Node): Node
    Definition Classes
    Node
  47. var isContentEditable: Boolean
    Definition Classes
    HTMLElement
  48. def isDefaultNamespace(namespaceURI: String): Boolean
    Definition Classes
    Node
  49. def isEqualNode(arg: Node): Boolean
    Definition Classes
    Node
  50. def isPrototypeOf(v: Object): Boolean
    Definition Classes
    Object
  51. def isSameNode(other: Node): Boolean
    Definition Classes
    Node
  52. def isSupported(feature: String, version: String): Boolean
    Definition Classes
    Node
  53. var lang: String
    Definition Classes
    HTMLElement
  54. def lastChild: Node
    Definition Classes
    Node
  55. def lastElementChild: Element
    Definition Classes
    ParentNode
  56. def localName: String
    Definition Classes
    Node
  57. def lookupNamespaceURI(prefix: String): String
    Definition Classes
    Node
  58. def lookupPrefix(namespaceURI: String): String
    Definition Classes
    Node
  59. def namespaceURI: String
    Definition Classes
    Node
  60. def nextElementSibling: Element
    Definition Classes
    NonDocumentTypeChildNode
  61. def nextSibling: Node
    Definition Classes
    Node
  62. def nodeName: String
    Definition Classes
    Node
  63. def nodeType: Int
    Definition Classes
    Node
  64. def nodeValue: String
    Definition Classes
    Node
  65. def normalize(): Unit
    Definition Classes
    Node
  66. def offsetHeight: Double
    Definition Classes
    HTMLElement
  67. def offsetLeft: Double
    Definition Classes
    HTMLElement
  68. def offsetParent: Element
    Definition Classes
    HTMLElement
  69. def offsetTop: Double
    Definition Classes
    HTMLElement
  70. def offsetWidth: Double
    Definition Classes
    HTMLElement
  71. var onabort: Function1[UIEvent, _]
    Definition Classes
    HTMLElement
  72. var onactivate: Function1[UIEvent, _]
    Definition Classes
    HTMLElement
  73. var onbeforeactivate: Function1[UIEvent, _]
    Definition Classes
    HTMLElement
  74. var onbeforecopy: Function1[DragEvent, _]
    Definition Classes
    HTMLElement
  75. var onbeforecut: Function1[DragEvent, _]
    Definition Classes
    HTMLElement
  76. var onbeforedeactivate: Function1[UIEvent, _]
    Definition Classes
    HTMLElement
  77. var onbeforepaste: Function1[DragEvent, _]
    Definition Classes
    HTMLElement
  78. var onblur: Function1[FocusEvent, _]
    Definition Classes
    HTMLElement
  79. var oncanplay: Function1[Event, _]
    Definition Classes
    HTMLElement
  80. var oncanplaythrough: Function1[Event, _]
    Definition Classes
    HTMLElement
  81. var onchange: Function1[Event, _]
    Definition Classes
    HTMLElement
  82. var onclick: Function1[MouseEvent, _]
    Definition Classes
    HTMLElement
  83. var oncontextmenu: Function1[MouseEvent, _]
    Definition Classes
    HTMLElement
  84. var oncopy: Function1[DragEvent, _]
    Definition Classes
    Element
  85. var oncuechange: Function1[Event, _]
    Definition Classes
    HTMLElement
  86. var oncut: Function1[DragEvent, _]
    Definition Classes
    Element
  87. var ondblclick: Function1[MouseEvent, _]
    Definition Classes
    HTMLElement
  88. var ondeactivate: Function1[UIEvent, _]
    Definition Classes
    HTMLElement
  89. var ondrag: Function1[DragEvent, _]
    Definition Classes
    HTMLElement
  90. var ondragend: Function1[DragEvent, _]
    Definition Classes
    HTMLElement
  91. var ondragenter: Function1[DragEvent, _]
    Definition Classes
    HTMLElement
  92. var ondragleave: Function1[DragEvent, _]
    Definition Classes
    HTMLElement
  93. var ondragover: Function1[DragEvent, _]
    Definition Classes
    HTMLElement
  94. var ondragstart: Function1[DragEvent, _]
    Definition Classes
    HTMLElement
  95. var ondrop: Function1[DragEvent, _]
    Definition Classes
    HTMLElement
  96. var ondurationchange: Function1[Event, _]
    Definition Classes
    HTMLElement
  97. var onemptied: Function1[Event, _]
    Definition Classes
    HTMLElement
  98. var onended: Function1[Event, _]
    Definition Classes
    HTMLElement
  99. var onfocus: Function1[FocusEvent, _]
    Definition Classes
    HTMLElement
  100. var onfocusin: Function1[FocusEvent, _]
    Definition Classes
    HTMLElement
  101. var onfocusout: Function1[FocusEvent, _]
    Definition Classes
    HTMLElement
  102. var onhelp: Function1[Event, _]
    Definition Classes
    HTMLElement
  103. var oninput: Function1[Event, _]
    Definition Classes
    HTMLElement
  104. var onkeydown: Function1[KeyboardEvent, _]
    Definition Classes
    HTMLElement
  105. var onkeypress: Function1[KeyboardEvent, _]
    Definition Classes
    HTMLElement
  106. var onkeyup: Function1[KeyboardEvent, _]
    Definition Classes
    HTMLElement
  107. var onloadeddata: Function1[Event, _]
    Definition Classes
    HTMLElement
  108. var onloadedmetadata: Function1[Event, _]
    Definition Classes
    HTMLElement
  109. var onloadstart: Function1[Event, _]
    Definition Classes
    HTMLElement
  110. var onmousedown: Function1[MouseEvent, _]
    Definition Classes
    HTMLElement
  111. var onmouseenter: Function1[MouseEvent, _]
    Definition Classes
    HTMLElement
  112. var onmouseleave: Function1[MouseEvent, _]
    Definition Classes
    HTMLElement
  113. var onmousemove: Function1[MouseEvent, _]
    Definition Classes
    HTMLElement
  114. var onmouseout: Function1[MouseEvent, _]
    Definition Classes
    HTMLElement
  115. var onmouseover: Function1[MouseEvent, _]
    Definition Classes
    HTMLElement
  116. var onmouseup: Function1[MouseEvent, _]
    Definition Classes
    HTMLElement
  117. var onmousewheel: Function1[WheelEvent, _]
    Definition Classes
    HTMLElement
  118. var onpaste: Function1[DragEvent, _]
    Definition Classes
    Element
  119. var onpause: Function1[Event, _]
    Definition Classes
    HTMLElement
  120. var onplay: Function1[Event, _]
    Definition Classes
    HTMLElement
  121. var onplaying: Function1[Event, _]
    Definition Classes
    HTMLElement
  122. var onprogress: Function1[Any, _]
    Definition Classes
    HTMLElement
  123. var onratechange: Function1[Event, _]
    Definition Classes
    HTMLElement
  124. var onreadystatechange: Function1[Event, _]
    Definition Classes
    HTMLElement
  125. var onreset: Function1[Event, _]
    Definition Classes
    HTMLElement
  126. var onscroll: Function1[UIEvent, _]
    Definition Classes
    HTMLElement
  127. var onseeked: Function1[Event, _]
    Definition Classes
    HTMLElement
  128. var onseeking: Function1[Event, _]
    Definition Classes
    HTMLElement
  129. var onselect: Function1[UIEvent, _]
    Definition Classes
    HTMLElement
  130. var onselectstart: Function1[Event, _]
    Definition Classes
    HTMLElement
  131. var onstalled: Function1[Event, _]
    Definition Classes
    HTMLElement
  132. var onsubmit: Function1[Event, _]
    Definition Classes
    HTMLElement
  133. var onsuspend: Function1[Event, _]
    Definition Classes
    HTMLElement
  134. var ontimeupdate: Function1[Event, _]
    Definition Classes
    HTMLElement
  135. var onvolumechange: Function1[Event, _]
    Definition Classes
    HTMLElement
  136. var onwaiting: Function1[Event, _]
    Definition Classes
    HTMLElement
  137. var outerHTML: String
    Definition Classes
    Element
  138. def ownerDocument: HTMLDocument
    Definition Classes
    HTMLElement → Node
  139. var parentElement: HTMLElement
    Definition Classes
    HTMLElement
  140. def parentNode: Node
    Definition Classes
    Node
  141. var prefix: String
    Definition Classes
    Node
  142. def previousElementSibling: Element
    Definition Classes
    NonDocumentTypeChildNode
  143. def previousSibling: Node
    Definition Classes
    Node
  144. def propertyIsEnumerable(v: String): Boolean
    Definition Classes
    Object
  145. def querySelector(selectors: String): Element
    Definition Classes
    NodeSelector
  146. def querySelectorAll(selectors: String): NodeList
    Definition Classes
    NodeSelector
  147. var readyState: Any
    Definition Classes
    HTMLElement
  148. var recordNumber: Any
    Definition Classes
    HTMLElement
  149. def removeAttribute(): Unit
    Definition Classes
    Element
  150. def removeAttribute(name: String): Unit
    Definition Classes
    Element
  151. def removeAttributeNS(namespaceURI: String, localName: String): Unit
    Definition Classes
    Element
  152. def removeAttributeNode(oldAttr: Attr): Attr
    Definition Classes
    Element
  153. def removeChild(oldChild: Node): Node
    Definition Classes
    Node
  154. def removeEventListener[T <: Event](type: String, listener: Function1[T, _], useCapture: Boolean): Unit
    Definition Classes
    EventTarget
  155. def replaceChild(newChild: Node, oldChild: Node): Node
    Definition Classes
    Node
  156. def scrollHeight: Int
    Definition Classes
    Element
  157. def scrollIntoView(top: Boolean): Unit
    Definition Classes
    Element
  158. var scrollLeft: Double
    Definition Classes
    Element
  159. var scrollTop: Double
    Definition Classes
    Element
  160. def scrollWidth: Int
    Definition Classes
    Element
  161. def setAttribute(name: String, value: String): Unit
    Definition Classes
    Element
  162. def setAttributeNS(namespaceURI: String, qualifiedName: String, value: String): Unit
    Definition Classes
    Element
  163. def setAttributeNode(newAttr: Attr): Attr
    Definition Classes
    Element
  164. def setAttributeNodeNS(newAttr: Attr): Attr
    Definition Classes
    Element
  165. var spellcheck: Boolean
    Definition Classes
    HTMLElement
  166. var style: CSSStyleDeclaration
    Definition Classes
    HTMLElement
  167. var tabIndex: Int
    Definition Classes
    HTMLElement
  168. def tagName: String
    Definition Classes
    Element
  169. var textContent: String
    Definition Classes
    Node
  170. var title: String
    Definition Classes
    HTMLElement
  171. def toLocaleString(): String
    Definition Classes
    Object
  172. def valueOf(): Any
    Definition Classes
    Object