如何在锚标记 (<a>) 中同时运行 onClick 和 href答案

【问题标题】：How to run onClick and href both in an Anchor tag (<a>)如何在锚标记 (<a>) 中同时运行 onClick 和 href
【发布时间】：2016-01-11 14:11:32
【问题描述】：

在单击执行 href 但不是 javascript 函数时，请帮我解决这个问题。在此先感谢...

点击链接时，它正在执行 href 但不执行 javascript。

任何想法如何实现相同？

我的代码是：

<div class="ui-grid-a">
  <div class="ui-block-a">
    <img id="first-image-{{this.id}}" src="./img/image-bg.png">
    <div style="text-align: center;">
      <a id="first-camera-{{this.id}}" onclick=" javascript:currentImgViewId()" href="#dialogPage" data-transition="pop"><img src="./img/camera.png"></a>
    </div>
  </div>

点击后是：

function currentImgViewId() {
  alert("hahs");
}

【问题讨论】：

只需使用 onclick="currentImgViewId()"
我之前做过，但没有工作......
HTML tag <a> want to add both href and onclick working的可能重复

标签： javascript html

【解决方案1】：

替换这个：

onclick="javascript:currentImgViewId()"

通过这个：

onclick="currentImgViewId()"

Here is the JSFiddle demo

javascript: 旨在用作地址栏中的链接/键入，以便浏览器执行以下代码作为相对于页面的 javascript 代码。

【讨论】：

@TulikaKansal 确保您的 javascript 代码在之前定义 HTML 代码，而不是在页面底部 :)

【解决方案2】：

你需要从currentImgViewId()return true

function currentImgViewId() (){
  alert('blah');
  return true;

}

return true 在您的函数返回后继续处理href 并转到正确的锚点

return false 表示不会处理

如果您不返回任何内容，它将返回 undefined。

【讨论】：