JavaScript 事件
javascript 事件
html 事件是发生在 html 元素上的“事情”。
当在 html 页面中使用 javascript 时,javascript 能够处理这些事件。
1. html 事件
html 事件可以是浏览器或用户做的某些事情。
下面是 html 事件的一些例子:
- html 网页完成加载
- html 输入字段被修改
- html 按钮被点击
通常,当事件发生时,用户会希望做某件事。
javascript 允许您在事件被侦测到时执行代码。
通过 javascript 代码,html 允许您向 html 元素添加事件处理程序。
使用单引号:
<element event='一些 javascript'>
使用双引号:
<element event="一些 javascript">
在下面的例子中,onclick 属性(以及代码)被添加到 <button> 元素:
1)范例
<button onclick='document.getelementbyid("demo").innerhtml=date()'>现在的时间是?</button>
在上面的例子中,javascript 代码改变了 id="demo" 的元素的内容。
在接下来的例子中,代码(使用 this.innerhtml)改变了其自身元素的内容:
2)范例
<button onclick="this.innerhtml=date()">现在的时间是?</button>
javascript 代码通常有很多行。事件属性调用函数更为常见:
3)范例
<button onclick="displaydate()">现在的时间是?</button>