美文网首页
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

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

    相关文章

      网友评论

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

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