【零基础学习web前端】JavaScript 事件

Amy

【零基础学习web前端】JavaScript 事件

【零基础学习web前端】教程目录导航

http://www.sufeinet.com/thread-24027-1-1.html

HTML 事件是发生在 HTML 元素上的事情。
当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件。
简单来说事件就是我们用鼠标或者是键盘对这个主键、标记进行操作的时候产生的一个事件。
比如说，这个鼠标点击你的按钮，点击你的文本了，或者是这个鼠标反键一下，或者是鼠标离开，这样都会产生事件。
如需在用户点击某个元素时执行代码，向一个 HTML 事件属性添加 JavaScript 代码，例如

[HTML] 纯文本查看 复制代码

<h1>请点击该文本</h1>

调用函数

[HTML] 纯文本查看 复制代码

<h1>请点击该文本</h1>

[JavaScript] 纯文本查看 复制代码

function changetext(id)
{
id.innerHTML="谢谢!";
}

HTML 事件属性

[HTML] 纯文本查看 复制代码

<button>点击这里</button>
<script>
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
[/font]
[font=Tahoma]<p id="demo"></p>

即向 button 元素分配了onclick 事件：


使用 HTML DOM 来分配事件

[HTML] 纯文本查看 复制代码

<button>点击这里</button>
<script>
document.getElementById("myBtn").onclick=function(){displayDate()};
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
<p id="demo"></p>

该例效果和上例子中效果一样，都是向 button 元素分配了onclick 事件。

范范

强烈支持楼主ing……

liu

真是难得给力的帖子啊。

竹林风

强烈支持楼主ing……

惜

强烈支持楼主ing……

站长苏飞

我只是路过打酱油的。