Question

我想用触发脚本（登录）之前需要做一些事情的按钮来触发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>`

我将如何做到这一点？

Answer 1

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

Answer 2

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

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

＆＃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;

触发带有id的javascript

2 个答案: