fix(guide): simplify directory structure

This commit is contained in:
Mrugesh Mohapatra
2018-10-16 21:26:13 +05:30
parent f989c28c52
commit da0df12ab7
35752 changed files with 0 additions and 317652 deletions

View File

@@ -0,0 +1,43 @@
---
title: Onclick Event Attribute
localeTitle: Onclick事件属性
---
## Onclick事件属性
单击元素时会触发事件。
它就像_onclick方法_或`addEventListener('click')`
```html
<element onclick="event"></element>
```
> `event`可以是JavaScript函数也可以编写原始JavaScript
### 例子
单击时更改`<p>`元素的颜色
```html
<p id="text" onclick="redify()">Change my color</p>
<script>
function redify(){
let text = document.querySelector('#text');
text.style.color = "red";
}
</script>
```
使用原始JavaScript onclick属性
```html
<button onclick="alert('Hello')">Hello World</button>
```
#### 更多信息:
* [MDN](https://developer.mozilla.org/pt-BR/docs/Web/API/GlobalEventHandlers/onclick)