【问题标题】:Hide second click event in anchor tag在锚标记中隐藏第二次点击事件
【发布时间】:2015-01-20 08:53:19
【问题描述】:

我必须从所有锚标签中隐藏第二次点击事件,除了将启用 popupfun 的锚标签。我已经创建了一个示例页面

[JS Fiddle][1]

http://jsfiddle.net/ananth3087/LgLnpvf4/15/

链接锚标记: 此页面包含两个锚标记(链接 1、链接 2),它们是简单的锚标记,将重定向到特定页面,在我的示例中,我将其重定向到同一页面。

表单提交锚标记:

另外两个锚标记(表单提交 1,表单提交 2)将在我们单击该锚标记时提交表单。

弹出锚标记 最后两个锚标签(弹出窗口 1、弹出窗口 2)将显示警报。

我正在尝试删除链接锚标签和表单提交锚标签的第二次点击事件或功能,但我不想删除弹出锚标签的点击功能。

所以我正在使用这个脚本,它工作正常,除了这也适用于 Popup 锚标记,它不应该。

基本上,我想避免第二次点击特定锚标签(弹出锚标签除外)。

任何帮助将不胜感激。

【问题讨论】:

    标签: javascript jquery html onclick double-click


    【解决方案1】:

    在您的示例中,弹出按钮周围的div 具有form_submitthree 类,这似乎是独一无二的。使用 :not 选择器扩展您的 jQuery 代码以排除按钮:

    jQuery(document).on("click",".menu_table:not(.form_submitthree) a[disabled]",function() { 
        alert("disabled"); 
        return false; 
    }); 
    

    http://jsfiddle.net/LgLnpvf4/13/

    【讨论】:

    • secelite,感谢您的回复。但我不能使用这个类。我必须使用标签全局选择锚标签并避免选择弹出标签..
    【解决方案2】:

    我认为您的问题可以通过以下方式使用 CSS 解决:

    指针事件:无

    设置为 none 将阻止指定 HTML 元素上的所有单击、状态和光标选项。我试图制作一个简单的原型,您可以根据自己的要求从中获取。这是小提琴链接:

    http://jsfiddle.net/gr51yvaj/

    $('a').click(function() {
    if($(this)[0].textContent=='somelink1.com')
       $(this).addClass('ex');
    });
    

    一次,所有链接点击都将起作用。但是之后根据需要禁用哪个链接,我们可以在其上动态添加一些类并提供所需的 CSS 来防止之后的点击。

    我觉得这是一个有趣的问题。不知道为什么其他人对这个问题投了反对票。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-07-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-01-24
      • 2013-07-14
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多