e-lado/node_modules0/eslint-plugin-jsx-a11y/docs/rules/no-static-element-interactions.md

[](https://circleci.com/gh/sharetribe/sharetribe/tree/master) [](https://gemnasium.com/sharetribe/shar

# no-static-element-interactions

Enforce non-interactive DOM elements have no interactive handlers. Static elements such as `<div>` and `<span>` should not have mouse/keyboard event listeners. Instead use something more semantic, such as a button or a link.

Valid interactive elements are:
  - `<a>` elements with `href` or `tabIndex` props
  - `<button>` elements
  - `<input>` elements that are not `hidden`
  - `<select>` and `<option>` elements
  - `<textarea>` elements
  - `<area>` elements

## Rule details

This rule takes no arguments.

### Succeed
```jsx
<button onClick={() => {}} className="foo" />
<div className="foo" {...props} />
<input type="text" onClick={() => {}} />
```

### Fail
```jsx
<div onClick={() => {}} />
```