@George Siggouroglou:对于最终将在文档中出现多次的元素使用 id 并不是一个好主意。相反,使代码更加模块化是一种很好的做法。
如果期待触摸设备,在“点击”之前使用“点击”也是一个不错的选择,因为它比点击更快更早地触发。要检查具有触摸功能的东西,我更喜欢使用modernizr,因为它使功能检测变得轻而易举。
jQuery Mobile 点击事件在单个目标对象上发生的快速、完整的触摸事件之后触发。它相当于标准点击事件的手势,由触摸手势的释放状态触发。
https://api.jquerymobile.com/tap/
希望对某人有所帮助
**html code:**
<a class="ext-link" href="#">Google it</a>
或者
<button class="ext-link" href="#">Google it</button>
Javascript(使用 jQuery):
//define tap or click event type on root level (can be combined with modernizr)
iaEvent = "click";
if (typeof navigator !== "undefined" && navigator.app) {
iaEvent = "tap";
}
$('.ext-link').each.bind(iaEvent, function() {
if (typeof navigator !== "undefined" && navigator.app) {
// Mobile device.
var linktarget = this.attr("href");
navigator.app.loadUrl(linktarget, {openExternal: true});
} else {
// Possible web browser
window.open(linktarget, "_blank");
}
});