美文网首页
js的事件处理机制

js的事件处理机制

作者: Vampire丶_L | 来源:发表于2018-03-12 23:04 被阅读0次
  • 事件处理函数的机制: 在给某个函数添加了事件处理函数后,一旦事件发生,相应的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

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

相关文章

  • JavaScript的事件机制详解

    【js事件详解】js事件封装函数,js跨浏览器事件处理机制 一、事件流 事件流描述的是从页面中接受事件的顺序。IE...

  • React 事件处理机制

    React在处理事件和HTML中JS处理事件不同,本文介绍React中的事件处理机制。React中不同通过返回fa...

  • js事件机制

    一、js事件机制三个阶段:事件捕获、事件目标处理函数、事件冒泡 js中事件执行的整个过程称之为事件流,分为三个阶段...

  • Draft.js的事件处理机制

    Draft 事件处理机制 Draft.js 内部封装了一系列基础的事件处理函数,当事件触发时,这些函数接收当前ev...

  • 事件循环机制

    事件循环(evenloop) 事件循环机制是宿主环境提供的。js中处理异步,增加了任务队列的概念(你不知道的js中...

  • js事件处理机制

    js事件的三个阶段分别为:捕获、目标、冒泡事件捕获:父级元素先触发,子元素后触发W3C--addEventList...

  • js的事件处理机制

    事件处理函数的机制: 在给某个函数添加了事件处理函数后,一旦事件发生,相应的javascript代码就会得到执行。...

  • 事件处理机制

    Node.js事件触发对象有哪些方法? 详细讲讲Node.js事件机制是怎样的? Node.js事件机制和Java...

  • javascript 中的事件机制

    js之事件机制 1、事件初探 1.1 js事件的概述 JavaScript事件:JavaScript是基于事件驱动...

  • 20、jQuery 事件机制

    20、jQuery 事件机制 原生js事件与jQuery事件: (1)用原生的js给div注册事件 原生js注册相...

网友评论

      本文标题:js的事件处理机制

      本文链接:https://www.haomeiwen.com/subject/wliofftx.html