js的事件处理机制

2018-03-12 本文已影响0人 Vampire丶_L

事件处理函数的机制：在给某个函数添加了事件处理函数后，一旦事件发生，相应的javascript代码就会得到执行。被调用的javascript代码可以返回一个值，这个值将被传递在那个事件处理函数。
事件处理函数的作用是：在特定的事件发生时调用特定的javascript代码。
事件处理函数例如：onmouseover事件处理函数，onmouseout事件处理函数，onclick事件处理函数等.......

下面举例来说明：
首先先创建一个简单测试的test.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<a href="html.html" onclick="return true">click me </a>
</body>
</html>

再创建一个跳转页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
测试事件处理函数
</body>
</html>

运行结果：

image.png

点击后：

image.png
如下图：

image.png

 onclick="return true"

这个“true”就是返回值所以会跳转到测试页面，下面我们来试试将“true”改为“false”
运行结果如下

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<a href="html.html" onclick="return false">click me </a>
</body>
</html>

image.png

由于结果不能跳转，所以没办法演示，读者可以自行尝试。
如果学习者在学习或者开发项目中并不想被链接带到其他窗口，可以使用这个

js的事件处理机制

猜你喜欢

热点阅读