javascript - 一个 html 按钮可以在按下时启动不同的 A HREF 吗？

Question

是否可以让一个 html 按钮启动不同的 href？

例如:如果您按下按钮，它会启动 w3schools.com，但如果您按住它，它会启动 google.com。

我正在寻找它在手机上的网络应用程序中工作，并且我认为它可以通过 jQuery taphold Event 实现。

或者换句话说:

<button><a href="sms:?&body=https://www.google.com">Try Me</a></button> 

如果按下并且

<button><a href="https://www.google.com">Try Me</a></button> 

如果举行。

任何帮助将不胜感激:)

Answer 1

使用 tap 和 taphold 事件你可以达到你想要的结果。

pagecreate event is fired when HTML is created in DOM

$(document).on("pagecreate", function () {
    $.event.special.tap.emitTapOnTaphold = false;
    $("button").on('tap',function(){
        console.log('tap!');
    }).on('taphold',function(){
        console.log('taphold!');
    });
});

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

<button>Hit me</button>

• Just replace the console.log line with window.open('URL') and you are done.
• $.event.special.tap.emitTapOnTaphold = false; is used to disable the default click event when you tap and hold the button.