zoukankan      html  css  js  c++  java
  • onclick事件分析

     有些时候,我们想实现这样的一种效果:
         <a href="imgs/2.jpg" title="A fireworks display" onclick="showPic(this);">Fireworks</a>
         点击一个链接,调用一个函数,但由于这个链接的路径是图片,点击后是直接跳转到图片的页面的,怎样才能使得不会这样发生呢?
         分析:需要对事件处理函数的工作机制有进一步的里了解:在给某个元素添加了事件处理函数后,一旦发生预定事件,相应的JavaScript代码就会得到执行;那些JavaScript代码可以返回一个结果,而这个结果将被传递回那个事件处理函数。例如,给某个链接添加一个onclick事件处理函数,并让这个处理函数所触发的JavaScript代码返回布尔值true或false。这样一来,当这个链接被点击时,如果那段JavaScript代码返回给onclick事件处理函数的值是true,onclick事件处理函数将认为“这个链接被点击了”;反之,如果那段JavaScript代码返回给onclick处理函数的值是false,onclick事件处理函数将认为“这个链接没有被点击”。
         处理:在onclick事件处理函数所触发的JavaScript代码里增加一条return false语句,就可以不让用户被他们所点击的链接带到另外一个图片查看窗口去了:
         <a href="imgs/2.jpg" title="A fireworks display" onclick="showPic(this);return false;">Fireworks</a>
  • 相关阅读:
    andrax不为人知的秘密
    SecuritySRT console已经建立链接为什么还没有反应?
    必备软硬件
    关于mt的个人看法及优缺点
    hash是什么
    usb接口的缺点
    古董交换机欣赏
    博客圆低调的文章审核机制
    手机技术控不能买哪些手机,应该买什么手机
    两个以上vlan三台以上交换机配置好,网络不通,引发的思考
  • 原文地址:https://www.cnblogs.com/KeenLeung/p/3568414.html
Copyright © 2011-2022 走看看