触发带有id的javascript

时间:2018-02-27 15:42:50

标签: javascript html function triggers

我想用触发脚本(登录)之前需要做一些事情的按钮来触发JavaScript函数。

此时登录发生在href被触发之前,这太棒了。 我想知道我是否可以使用href触发javascript函数。 那么href会有功能ID吗?

<Button data-ga="Era_Eurosport anon-client Player-Hero-Tellin CTA"
        href="#TriggerFunction"
        class="btn btn--order usage-needs-auth-strong">
    <span class="btn__text ">Oled Telia klient?</span>
    <svg class="icon btn__icon-right ">
        <use xlink:href="/tk-telia-theme/images/icons.svg#arrow-right"></use>
    </svg>
</Button>` 

我将如何做到这一点?

2 个答案:

答案 0 :(得分:0)

您只需在onclick="functionname()"代码中添加a

答案 1 :(得分:0)

首先,删除href属性,因为它不是button tag支持的属性。而是使用JavaScript向按钮添加单击事件侦听器。

单击该按钮时,事件处理程序应调用一个函数,该函数将执行需要执行的任何预登录操作。然后,您可以使用回调函数来触发登录。使用回调保证所有登录前的内容都将在登录前完成。如下所示:

&#13;
&#13;
document.getElementById('myBtn').addEventListener('click', function() {
  doPreLoginStuff(doLogin);
});

function doPreLoginStuff(callback) {
  console.log('Doing some stuff..');
  console.log('Doing some more stuff..');
  console.log('Doing even more stuff..');
  callback();
}

function doLogin() {
  console.log('All pre-login stuff done. Now we can trigger the login script');
  //now do login
}
&#13;
<button id="myBtn" data-ga="Era_Eurosport anon-client Player-Hero-Tellin CTA" class="btn btn--order usage-needs-auth-strong">
    <span class="btn__text ">Oled Telia klient?</span>
    <svg class="icon btn__icon-right ">
        <use xlink:href="/tk-telia-theme/images/icons.svg#arrow-right"></use>
    </svg>
</button>`
&#13;
&#13;
&#13;