当前位置: 首页 > 编程笔记 >

js a标签点击事件

储毅
2023-03-14
本文向大家介绍js a标签点击事件,包括了js a标签点击事件的使用技巧和注意事项,需要的朋友参考一下

当我们在处理a标签上的点击事件时发现即使href=""里面为空,点击事件的效果也不明显,这种情况该如何处理呢?常见的处理方法有以下几种:

1.a href="javascript:void(0);" rel="external nofollow" onclick="method()"

这种方法是比较最常用的方法,也是最周全的方法,onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。

2.a href="javascript:;" rel="external nofollow" onclick="method()"

这种方法跟跟2种类似,区别只是执行了一条空的js代码

3.a href="#" rel="external nofollow" rel="external nofollow" onclick="method()"

这种方法也是网上很常见的代码,#是标签内置的一个方法,代表top的作用。所以用这种方法点击后网页后返回到页面的最顶端。

4.a href="#" rel="external nofollow" rel="external nofollow" onclick="method();return false;"

这种方法点击执行了js函数后return false,阻止了事件本身的默认行为,页面不发生跳转,执行后还是在页面的当前位置。

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持小牛知识库!

 类似资料:
  • 我试图点击一个下载链接在铬通过硒。它在页面中有许多其他链接,这些链接正在工作,但仅此下载链接就会导致超时异常。 页面中的锚定标记如下所示 如有任何建议,将不胜感激。

  • 我正在使用primefaces[3.4]showcase,其中包含树和复选框选择: http://www.primefaces.org/showcase-labs/ui/treeSelectionCheckbox.jsf 是否可以为点击节点标签附加一个p:ajax事件?? 当用户单击树的节点标签时,我需要用子对象更新面板,而不一定是在用户选择它们时(单击复选框)。 提前感谢。

  • 我正在一个客户的网站上设置谷歌标签管理器,但我在启动点击事件标签时遇到了麻烦。 我已将触发器设置为在按钮的CSS选择器上触发。 按钮本身有一些子元素,包括svg图标。单击svg时,单击会在数据层中注册,但不会触发标记。标记仅在我选择按钮本身时激发。 我还尝试在我自己的脚本中删除附加到这些按钮的事件侦听器,以防或阻止了它,但这并没有改变任何事情。 我的理解是,GTM侦听文档中出现的点击事件。如果是这

  • 本文向大家介绍javascript触发模拟鼠标点击事件,包括了javascript触发模拟鼠标点击事件的使用技巧和注意事项,需要的朋友参考一下 事件触发器就是用来触发某个元素下的某个事件,IE下fireEvent方法,高级浏览器(chrome,firefox等)有dispatchEvent方法。 一般我们在元素上绑定事件后,是靠用户在这些元素上的鼠标行为来捕获或者触发事件的,或者自带的浏览器行为事

  • 我用的是Mallot日期时间选择器(http://www.malot.fr/bootstrap-datetimepicker/)这是一个民间的引导datetimepicker。 我想覆盖日历图标的点击事件(显示在日历文本字段的正后方),因此当点击图标时,如果显示日历弹出窗口,它将自动关闭。

  • ap.onTitleClick(CALLBACK) 监听导航栏标题点击事件。 代码示例 <script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.inc.min.js"></script> <h2 class="am-ft-center">点击导航栏文字</h2> <script>