联JavaScript onclick事件

这是我的html代码联JavaScript onclick事件

<a href="#" onclick="return clickHandler()">Hit</a>

这是我的JavaScript文件

function clickHandler(evt) { 
    var thisLink = (evt)?evt.target:Window.event.srcElement; 
    alert(thisLink.innerHTML); 
    return false; 
}

但是当我点击的链接命中，它重定向。

来源

2012-07-19 Vicky

为了配合都非常-正确答案一起，发生了什么事是你内联，你已经写了onclick="return runFunction();"

如果你看看那个，什么它真正做的是要这样的功能：

var link = document.getElementById("myLink"); 

link.onclick = function() { runFunction(); };

看到问题了吗？我的runFunction被调用时没有传入任何事件对象。 ......这意味着var thisLink = (evt) ?将返回false，这意味着它将尝试在oldIE模式下运行。

通过写onclick="runFunction"，这等于说：

link.onclick = runFunction;

这意味着当onclick事件发生，runFunction将被调用，并在符合W3C的浏览器，它会发送一个事件对象。

这就是解决方案的原因。

避免大量混淆的最佳方法是处理来自JavaScript内部的JavaScript以及处理HTML内部的HTML，以便您不必担心字符串如何转换为代码。

现在，让这一切工作，防止重定向，要做到这一点：

为W3C的浏览器（即传递事件参数的那些）：

function runFunction (evt) { 

    // stops the default-action from happening 
    // means you need to find another way to fire it, if you want to later 
    evt.preventDefault(); 


    // stops higher-up elements from hearing about the event 
    // like if you stop a submit button from "clicking", that doesn't stop the form 
    // from submitting 
    evt.stopPropagation(); 

    //the oldIE versions of both of these are 
    event.cancelBubble = true; 
    event.returnValue = false;  
}

来源

2012-07-19 19:28:39 Norguard

这意味着没有事件被传递给函数。感谢名单。 – Vicky 2012-07-19 19:34:42

当我插你的代码为镀铬，我得到这个在控制台中的错误：遗漏的类型错误：无法读取的不确定

财产“srcElement” IF的JavaScript炸弹的同时处理，它从来没有得到一个有机会返回，所以浏览器往往忽略异常后onclick处理程序中的内容。

因为它炸毁了......锚定标记的默认行为，它将您发送到任何需要去的地方。

尝试将try/catch块中的函数内容包装起来，看看如果这种事情困扰你，会发生什么。

来源

2012-07-19 19:21:21 whiskeyfur

你需要如果您希望防止默认通过事件。

HTML：

<a href="#" onclick="runFunction(event)">Hit</a>

脚本：

function runFunction (evt) { 
    evt.preventDefault(); 
    evt.stopPropagation(); 
}

来源

2013-04-30 12:21:39 Trolzie

注意：在标记中，函数的参数必须完全是“事件”，因为它是对事件变量的引用。替换一些其他名称，如runFunction（evt）将不起作用。 – 2016-02-15 18:44:49

如果您没有传递参数： onclick = runFunction（）函数runFunction在其后面传递变量“event”。在runFunction中，typeof event ='object' – 2016-02-15 19:00:03

最好传入runFunction（event）中的事件对象，否则变量“event”实际上就是window.event。如果有多个快速事件，执行runFunction ，window.event可能不是触发runFunction的事件对象。 – 2016-02-15 19:11:02

联JavaScript onclick事件

回答

相关问题