jquery点击事件优先级超过内联点击

时间:2014-12-26 06:29:37

标签: javascript jquery

我有以下代码

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>


<span class='click2' onclick="ClickBack();">Click me </span>

</body>
<script>

$(".click2").click(function (event) {
    if(confirm("Sure to continue"))
    event.stopImediatePropagation();
});
function ClickBack() {
    alert('yes I am click1');
}
</script>
</html>

我的要求是仅在确认时才调用ClickBack(),并且我无法对 ClickBack 功能进行任何更改,其中只有一个案例,

主要是

我必须将此click2添加到多个元素中,它基本上只会在确认后通过click2 调用内联事件

$(“。click2”)。点击(功能(事件)

我有两个问题,

  • 首先触发ClickBack,
  • TypeError:event.stopImediatePropagation不是函数由于@manwal已解决它是类型错误

如何实现目标。 我无法对ClickBack()函数进行任何更改

请告知

由于

5 个答案:

答案 0 :(得分:2)

你有错字问题,使用此行应该有双m

event.stopImmediatePropagation()

而不是

event.stopImediatePropagation()
           ^

答案 1 :(得分:0)

ClickBack首先被解雇,问题解决方案是从

中删除onclick="ClickBack();"
<span class='click2' onclick="ClickBack();">Click me </span>

答案 2 :(得分:0)

首先,如果你弯曲inline onclick功能,它将首先被触发。 因此,不要在inline中添加script而不是添加它{/ p>

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>


    <span class='click2'>Click me </span>FD
    <script>

        $(".click2").click(function (event) {
            if (confirm("Sure to call ClickBack"))
            {
                ClickBack();
            }
        });
        function ClickBack() {
            alert('yes I am click1');
        }
    </script>
</body>
</html>

答案 3 :(得分:0)

onclick

中删除span事件处理程序

<span class='click2'>Click me </span>

并在ClickBack类的click事件处理程序中调用.click2函数,如下所示,

<script>

$(".click2").click(function (event) {
    if(confirm("Sure to call ClickBack"))
    ClickBack();
});
function ClickBack() {
    alert('yes I am click1');
}

</script>

答案 4 :(得分:0)

试试这个

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
<span class='click2'>Click me </span>FD
<script>
    $(".click2").click(function (event) {
        if (confirm("Sure to call ClickBack"))
        {
            ClickBack();
        }
    });
    function ClickBack() {
        alert('yes I am click1');
    }
</script>
</body>
</html>