我想用触发脚本(登录)之前需要做一些事情的按钮来触发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>`
我将如何做到这一点?
答案 0 :(得分:0)
您只需在onclick="functionname()"
代码中添加a
。
答案 1 :(得分:0)
首先,删除href
属性,因为它不是button tag支持的属性。而是使用JavaScript向按钮添加单击事件侦听器。
单击该按钮时,事件处理程序应调用一个函数,该函数将执行需要执行的任何预登录操作。然后,您可以使用回调函数来触发登录。使用回调保证所有登录前的内容都将在登录前完成。如下所示:
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;