javascript – 没有href的按钮,onclick等

最近,我看到很多站点都有可点击的对象,这些对象在HTML代码中没有任何href或onclicks.我也尝试过警告他们的href,onclick,onmousedown,onmouseup属性,但它只是说“undefined”.我注意到这些页面中有很多复杂的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.

任何人都知道如何实现这个？

解决方法:

您可以使用jQuery的.click(回调)函数(http://api.jquery.com/click/)或.delegate(选择器,’click’,回调)(在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的主页上阅读更多相关信息.

UPDATE

实际页面处理这个：

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

哪个会被调用：

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.