我们之前提到过函数的调用。函数定义之后,默认是不会执行的,这时候就需要一些事件来触发这个函数的执行。
JavaScript很多有很多事件,例如鼠标的点击、移动,网页的载入和关闭。我们先来定义一个函数,再看几个事件的实例。
统一的示例函数:
<script type="text/JavaScript">
function displaymessage()
{
alert("我是菜鸟我怕谁!");
}
</script>
函数很简单,只是显示一条消息。
1、点击事件
使用点击事件调用,需要给元素设置onclick属性。示例代码如下:
<button value="点击提交" onclick="displaymessage()">onclick调用函数</button>
由于设置了onclick="displaymessage()",因此点击按钮则会调用函数。
窗体顶端
2、鼠标经过、移出事件
使用鼠标经过事件调用函数的代码如下:
<button value="鼠标滑过" onmouseover="displaymessage()">鼠标滑过调用函数</button>
当鼠标经过按钮时,触发onmouseover事件,将会调用函数displaymessage()。
使用鼠标移出事件调用函数的代码如下:
<button value="鼠标移出" onmouseout="displaymessage()">鼠标移出调用函数</button>
把鼠标移动到这个按钮里面,当再移动出去时,触发onmouseout 事件,将会调用函数displaymessage()。
本站内容未经许可,禁止任何网站及个人进行转载。