javascript - 没有 href、onclick 等的按钮

Question

最近，我看到很多网站的可点击对象在其 html 代码中没有任何 href 或 onclicks。我还尝试提醒他们的 href、onclick、onmousedown、onmouseup 属性，但它只显示“未定义”。我确实注意到这些页面中有很多复杂的 javascript。

有一个网站特别让我困惑: http://www.sharenator.com/Boy_Teaches_His_Puppy_How_to_Eat/#/doggy_01_Boy_Teaches_His_Puppy_How_to_Eat-0.html

其实还不错。按钮也不可选择。按钮的 id 是 nextBtn、nextBtn2、prevBtn 和 prevBtn2。

有人知道如何实现吗？

Answer 1

您可以使用 jQuery 的 .click(callback) 函数 ( http://api.jquery.com/click/ ) 或 .delegate(selector, 'click', callback) (jQuery 1.7 之前的版本)和 .on('click', selector, callback) (jQuery 1.7+) 或 .bind('点击', 回调)。

感谢 Anthony Grist 指出 .live() 现在已被弃用:)

这样:

<button id="clickable">Click Me!!</button>

然后使用 jQuery 定位按钮:

$("#clickable").click(function(){
    // Send user to this link
    location.href = "http://www.takemehere.com";
});

您可以在我提供的链接和 jQuery 的主页上阅读更多相关信息。

更新

实际页面处理这个:

$('#prevBtn').mousedown (onBackward);

哪个会调用 onmousedown:

function onBackward () {
    showImg (currentId - 1);
}

方向键的使用:

 $(document).keyup (function (event) {
    var activeElement = document.activeElement.tagName;
    if (activeElement == 'INPUT' || activeElement == 'TEXTAREA') return;
    //alert (window.location.pathname);

    if (event.keyCode == 39) onForward();
    else
    if (event.keyCode == 37) onBackward();
});

参见 http://www.sharenator.com/js/slideshow.js幻灯片的源代码。