Trait

io.github.shogowada.scalajs.reactjs.elements

ReactHTMLElement

Related Doc: package elements

Permalink

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. final def !=(arg0: Any): Boolean

    Permalink
    Definition Classes
    AnyRef → Any

  2. final def ##(): Int

    Permalink
    Definition Classes
    AnyRef → Any

  3. final def ==(arg0: Any): Boolean

    Permalink
    Definition Classes
    AnyRef → Any

  4. var accessKey: String

    Permalink
    Definition Classes
    Element

  5. def addEventListener[T <: Event](type: String, listener: Function1[T, _], useCapture: Boolean): Unit

    Permalink
    Definition Classes
    EventTarget

  6. def appendChild(newChild: Node): Node

    Permalink
    Definition Classes
    Node

  7. final def asInstanceOf[T0]: T0

    Permalink
    Definition Classes
    Any

  8. def attributes: NamedNodeMap

    Permalink
    Definition Classes
    Node

  9. def blur(): Unit

    Permalink
    Definition Classes
    HTMLElement

  10. def childElementCount: Int

    Permalink
    Definition Classes
    ParentNode

  11. def childNodes: NodeList

    Permalink
    Definition Classes
    Node

  12. def children: HTMLCollection

    Permalink
    Definition Classes
    ParentNode

  13. var classList: DOMTokenList

    Permalink
    Definition Classes
    Element

  14. var className: String

    Permalink
    Definition Classes
    HTMLElement

  15. def click(): Unit

    Permalink
    Definition Classes
    HTMLElement

  16. def clientHeight: Int

    Permalink
    Definition Classes
    Element

  17. def clientLeft: Int

    Permalink
    Definition Classes
    Element

  18. def clientTop: Int

    Permalink
    Definition Classes
    Element

  19. def clientWidth: Int

    Permalink
    Definition Classes
    Element

  20. def clone(): AnyRef

    Permalink
    Attributes
    protected[java.lang]
    Definition Classes
    AnyRef
    Annotations
    @throws( ... )

  21. def cloneNode(deep: Boolean): Node

    Permalink
    Definition Classes
    Node

  22. def compareDocumentPosition(other: Node): Int

    Permalink
    Definition Classes
    Node

  23. def contains(child: HTMLElement): Boolean

    Permalink
    Definition Classes
    HTMLElement

  24. var contentEditable: String

    Permalink
    Definition Classes
    HTMLElement

  25. var dir: String

    Permalink
    Definition Classes
    HTMLElement

  26. var disabled: UndefOr[Boolean]

    Permalink
    Definition Classes
    HTMLElement

  27. def dispatchEvent(evt: Event): Boolean

    Permalink
    Definition Classes
    EventTarget

  28. var draggable: Boolean

    Permalink
    Definition Classes
    HTMLElement

  29. final def eq(arg0: AnyRef): Boolean

    Permalink
    Definition Classes
    AnyRef

  30. def equals(arg0: Any): Boolean

    Permalink
    Definition Classes
    AnyRef → Any

  31. var filters: AnyRef

    Permalink
    Definition Classes
    HTMLElement

  32. def finalize(): Unit

    Permalink
    Attributes
    protected[java.lang]
    Definition Classes
    AnyRef
    Annotations
    @throws( classOf[java.lang.Throwable] )

  33. def firstChild: Node

    Permalink
    Definition Classes
    Node

  34. def firstElementChild: Element

    Permalink
    Definition Classes
    ParentNode

  35. def focus(): Unit

    Permalink
    Definition Classes
    HTMLElement

  36. def getAttribute(): String

    Permalink
    Definition Classes
    Element

  37. def getAttribute(name: String): String

    Permalink
    Definition Classes
    Element

  38. def getAttributeNS(namespaceURI: String, localName: String): String

    Permalink
    Definition Classes
    Element

  39. def getAttributeNode(name: String): Attr

    Permalink
    Definition Classes
    Element

  40. def getAttributeNodeNS(namespaceURI: String, localName: String): Attr

    Permalink
    Definition Classes
    Element

  41. def getBoundingClientRect(): ClientRect

    Permalink
    Definition Classes
    Element

  42. final def getClass(): Class[_]

    Permalink
    Definition Classes
    AnyRef → Any

  43. def getClientRects(): ClientRectList

    Permalink
    Definition Classes
    Element

  44. def getElementsByClassName(classNames: String): NodeList

    Permalink
    Definition Classes
    Element

  45. def getElementsByTagName(name: String): NodeList

    Permalink
    Definition Classes
    Element

  46. def getElementsByTagNameNS(namespaceURI: String, localName: String): NodeList

    Permalink
    Definition Classes
    Element

  47. def hasAttribute(name: String): Boolean

    Permalink
    Definition Classes
    Element

  48. def hasAttributeNS(namespaceURI: String, localName: String): Boolean

    Permalink
    Definition Classes
    Element

  49. def hasAttributes(): Boolean

    Permalink
    Definition Classes
    Node

  50. def hasChildNodes(): Boolean

    Permalink
    Definition Classes
    Node

  51. def hasOwnProperty(v: String): Boolean

    Permalink
    Definition Classes
    Object

  52. def hashCode(): Int

    Permalink
    Definition Classes
    AnyRef → Any

  53. var id: String

    Permalink
    Definition Classes
    Element

  54. var innerHTML: String

    Permalink
    Definition Classes
    Element

  55. def insertAdjacentHTML(where: String, html: String): Unit

    Permalink
    Definition Classes
    Element

  56. def insertBefore(newChild: Node, refChild: Node): Node

    Permalink
    Definition Classes
    Node

  57. var isContentEditable: Boolean

    Permalink
    Definition Classes
    HTMLElement

  58. def isDefaultNamespace(namespaceURI: String): Boolean

    Permalink
    Definition Classes
    Node

  59. def isEqualNode(arg: Node): Boolean

    Permalink
    Definition Classes
    Node

  60. final def isInstanceOf[T0]: Boolean

    Permalink
    Definition Classes
    Any

  61. def isPrototypeOf(v: Object): Boolean

    Permalink
    Definition Classes
    Object

  62. def isSameNode(other: Node): Boolean

    Permalink
    Definition Classes
    Node

  63. def isSupported(feature: String, version: String): Boolean

    Permalink
    Definition Classes
    Node

  64. var lang: String

    Permalink
    Definition Classes
    HTMLElement

  65. def lastChild: Node

    Permalink
    Definition Classes
    Node

  66. def lastElementChild: Element

    Permalink
    Definition Classes
    ParentNode

  67. def localName: String

    Permalink
    Definition Classes
    Node

  68. def lookupNamespaceURI(prefix: String): String

    Permalink
    Definition Classes
    Node

  69. def lookupPrefix(namespaceURI: String): String

    Permalink
    Definition Classes
    Node

  70. def namespaceURI: String

    Permalink
    Definition Classes
    Node

  71. final def ne(arg0: AnyRef): Boolean

    Permalink
    Definition Classes
    AnyRef

  72. def nextElementSibling: Element

    Permalink
    Definition Classes
    NonDocumentTypeChildNode

  73. def nextSibling: Node

    Permalink
    Definition Classes
    Node

  74. def nodeName: String

    Permalink
    Definition Classes
    Node

  75. def nodeType: Int

    Permalink
    Definition Classes
    Node

  76. def nodeValue: String

    Permalink
    Definition Classes
    Node

  77. def normalize(): Unit

    Permalink
    Definition Classes
    Node

  78. final def notify(): Unit

    Permalink
    Definition Classes
    AnyRef

  79. final def notifyAll(): Unit

    Permalink
    Definition Classes
    AnyRef

  80. def offsetHeight: Double

    Permalink
    Definition Classes
    HTMLElement

  81. def offsetLeft: Double

    Permalink
    Definition Classes
    HTMLElement

  82. def offsetParent: Element

    Permalink
    Definition Classes
    HTMLElement

  83. def offsetTop: Double

    Permalink
    Definition Classes
    HTMLElement

  84. def offsetWidth: Double

    Permalink
    Definition Classes
    HTMLElement

  85. var onabort: Function1[UIEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  86. var onactivate: Function1[UIEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  87. var onbeforeactivate: Function1[UIEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  88. var onbeforecopy: Function1[DragEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  89. var onbeforecut: Function1[DragEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  90. var onbeforedeactivate: Function1[UIEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  91. var onbeforepaste: Function1[DragEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  92. var onblur: Function1[FocusEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  93. var oncanplay: Function1[Event, _]

    Permalink
    Definition Classes
    HTMLElement

  94. var oncanplaythrough: Function1[Event, _]

    Permalink
    Definition Classes
    HTMLElement

  95. var onchange: Function1[Event, _]

    Permalink
    Definition Classes
    HTMLElement

  96. var onclick: Function1[MouseEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  97. var oncontextmenu: Function1[MouseEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  98. var oncopy: Function1[DragEvent, _]

    Permalink
    Definition Classes
    Element

  99. var oncuechange: Function1[Event, _]

    Permalink
    Definition Classes
    HTMLElement

  100. var oncut: Function1[DragEvent, _]

    Permalink
    Definition Classes
    Element

  101. var ondblclick: Function1[MouseEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  102. var ondeactivate: Function1[UIEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  103. var ondrag: Function1[DragEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  104. var ondragend: Function1[DragEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  105. var ondragenter: Function1[DragEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  106. var ondragleave: Function1[DragEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  107. var ondragover: Function1[DragEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  108. var ondragstart: Function1[DragEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  109. var ondrop: Function1[DragEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  110. var ondurationchange: Function1[Event, _]

    Permalink
    Definition Classes
    HTMLElement

  111. var onemptied: Function1[Event, _]

    Permalink
    Definition Classes
    HTMLElement

  112. var onended: Function1[Event, _]

    Permalink
    Definition Classes
    HTMLElement

  113. var onfocus: Function1[FocusEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  114. var onfocusin: Function1[FocusEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  115. var onfocusout: Function1[FocusEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  116. var onhelp: Function1[Event, _]

    Permalink
    Definition Classes
    HTMLElement

  117. var oninput: Function1[Event, _]

    Permalink
    Definition Classes
    HTMLElement

  118. var onkeydown: Function1[KeyboardEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  119. var onkeypress: Function1[KeyboardEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  120. var onkeyup: Function1[KeyboardEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  121. var onloadeddata: Function1[Event, _]

    Permalink
    Definition Classes
    HTMLElement

  122. var onloadedmetadata: Function1[Event, _]

    Permalink
    Definition Classes
    HTMLElement

  123. var onloadstart: Function1[Event, _]

    Permalink
    Definition Classes
    HTMLElement

  124. var onmousedown: Function1[MouseEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  125. var onmouseenter: Function1[MouseEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  126. var onmouseleave: Function1[MouseEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  127. var onmousemove: Function1[MouseEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  128. var onmouseout: Function1[MouseEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  129. var onmouseover: Function1[MouseEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  130. var onmouseup: Function1[MouseEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  131. var onmousewheel: Function1[WheelEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  132. var onpaste: Function1[DragEvent, _]

    Permalink
    Definition Classes
    Element

  133. var onpause: Function1[Event, _]

    Permalink
    Definition Classes
    HTMLElement

  134. var onplay: Function1[Event, _]

    Permalink
    Definition Classes
    HTMLElement

  135. var onplaying: Function1[Event, _]

    Permalink
    Definition Classes
    HTMLElement

  136. var onprogress: Function1[Any, _]

    Permalink
    Definition Classes
    HTMLElement

  137. var onratechange: Function1[Event, _]

    Permalink
    Definition Classes
    HTMLElement

  138. var onreadystatechange: Function1[Event, _]

    Permalink
    Definition Classes
    HTMLElement

  139. var onreset: Function1[Event, _]

    Permalink
    Definition Classes
    HTMLElement

  140. var onscroll: Function1[UIEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  141. var onseeked: Function1[Event, _]

    Permalink
    Definition Classes
    HTMLElement

  142. var onseeking: Function1[Event, _]

    Permalink
    Definition Classes
    HTMLElement

  143. var onselect: Function1[UIEvent, _]

    Permalink
    Definition Classes
    HTMLElement

  144. var onselectstart: Function1[Event, _]

    Permalink
    Definition Classes
    HTMLElement

  145. var onstalled: Function1[Event, _]

    Permalink
    Definition Classes
    HTMLElement

  146. var onsubmit: Function1[Event, _]

    Permalink
    Definition Classes
    HTMLElement

  147. var onsuspend: Function1[Event, _]

    Permalink
    Definition Classes
    HTMLElement

  148. var ontimeupdate: Function1[Event, _]

    Permalink
    Definition Classes
    HTMLElement

  149. var onvolumechange: Function1[Event, _]

    Permalink
    Definition Classes
    HTMLElement

  150. var onwaiting: Function1[Event, _]

    Permalink
    Definition Classes
    HTMLElement

  151. var outerHTML: String

    Permalink
    Definition Classes
    Element

  152. def ownerDocument: HTMLDocument

    Permalink
    Definition Classes
    HTMLElement → Node

  153. var parentElement: HTMLElement

    Permalink
    Definition Classes
    HTMLElement

  154. def parentNode: Node

    Permalink
    Definition Classes
    Node

  155. var prefix: String

    Permalink
    Definition Classes
    Node

  156. def previousElementSibling: Element

    Permalink
    Definition Classes
    NonDocumentTypeChildNode

  157. def previousSibling: Node

    Permalink
    Definition Classes
    Node

  158. def propertyIsEnumerable(v: String): Boolean

    Permalink
    Definition Classes
    Object

  159. def querySelector(selectors: String): Element

    Permalink
    Definition Classes
    NodeSelector

  160. def querySelectorAll(selectors: String): NodeList

    Permalink
    Definition Classes
    NodeSelector

  161. var readyState: Any

    Permalink
    Definition Classes
    HTMLElement

  162. var recordNumber: Any

    Permalink
    Definition Classes
    HTMLElement

  163. def removeAttribute(): Unit

    Permalink
    Definition Classes
    Element

  164. def removeAttribute(name: String): Unit

    Permalink
    Definition Classes
    Element

  165. def removeAttributeNS(namespaceURI: String, localName: String): Unit

    Permalink
    Definition Classes
    Element

  166. def removeAttributeNode(oldAttr: Attr): Attr

    Permalink
    Definition Classes
    Element

  167. def removeChild(oldChild: Node): Node

    Permalink
    Definition Classes
    Node

  168. def removeEventListener[T <: Event](type: String, listener: Function1[T, _], useCapture: Boolean): Unit

    Permalink
    Definition Classes
    EventTarget

  169. def replaceChild(newChild: Node, oldChild: Node): Node

    Permalink
    Definition Classes
    Node

  170. def scrollHeight: Int

    Permalink
    Definition Classes
    Element

  171. def scrollIntoView(top: Boolean): Unit

    Permalink
    Definition Classes
    Element

  172. var scrollLeft: Double

    Permalink
    Definition Classes
    Element

  173. var scrollTop: Double

    Permalink
    Definition Classes
    Element

  174. def scrollWidth: Int

    Permalink
    Definition Classes
    Element

  175. def setAttribute(name: String, value: String): Unit

    Permalink
    Definition Classes
    Element

  176. def setAttributeNS(namespaceURI: String, qualifiedName: String, value: String): Unit

    Permalink
    Definition Classes
    Element

  177. def setAttributeNode(newAttr: Attr): Attr

    Permalink
    Definition Classes
    Element

  178. def setAttributeNodeNS(newAttr: Attr): Attr

    Permalink
    Definition Classes
    Element

  179. var spellcheck: Boolean

    Permalink
    Definition Classes
    HTMLElement

  180. var style: CSSStyleDeclaration

    Permalink
    Definition Classes
    HTMLElement

  181. final def synchronized[T0](arg0: ⇒ T0): T0

    Permalink
    Definition Classes
    AnyRef

  182. var tabIndex: Int

    Permalink
    Definition Classes
    HTMLElement

  183. def tagName: String

    Permalink
    Definition Classes
    Element

  184. var textContent: String

    Permalink
    Definition Classes
    Node

  185. var title: String

    Permalink
    Definition Classes
    HTMLElement

  186. def toLocaleString(): String

    Permalink
    Definition Classes
    Object

  187. def toString(): String

    Permalink
    Definition Classes
    AnyRef → Any

  188. def valueOf(): Any

    Permalink
    Definition Classes
    Object

  189. final def wait(): Unit

    Permalink
    Definition Classes
    AnyRef
    Annotations
    @throws( ... )

  190. final def wait(arg0: Long, arg1: Int): Unit

    Permalink
    Definition Classes
    AnyRef
    Annotations
    @throws( ... )

  191. final def wait(arg0: Long): Unit

    Permalink
    Definition Classes
    AnyRef
    Annotations
    @throws( ... )

Inherited from HTMLElement

Inherited from Element

Inherited from NonDocumentTypeChildNode

Inherited from ParentNode

Inherited from NodeSelector

Inherited from Node

Inherited from EventTarget

Inherited from Object

Inherited from Any

Inherited from AnyRef

Inherited from Any

Ungrouped