hrefがないボタン、onclickなど

Question

最近、私はhtmlやonclicksを持たないクリック可能なオブジェクトをhtmlコードで持っているサイトをたくさん見てきました。私はまた、彼らの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です。

これを実装する方法はありますか？

Answer 1

jQueryの.click（コールバック）関数（http://api.jquery.com/click/）または.delegate（セレクタ、 'クリック'、コールバック）（jQuery 1.7より前）、.on（ 'click'、セレクタ、コールバック） +）または.bind（ 'クリック'、コールバック）。

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

次にjQueryを使ってボタンをターゲット：

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

あなたは）（.liveが廃止されていること:)

ように指摘してアンソニー・グリストへ

感謝私が与えたリンクとjQueryのホームページでこれについてもっと読むことができます。

UPDATE

実際のページがでこれを処理します。

コールれるonmousedownう

$('#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を参照してください。

Answer 2

javascriptでは、要素を見つけてonClickイベントハンドラを指定します。例えば：

var myElement = document.body; // or document.getElementById(...), etc. 
myElement.onclick = function(event) {alert(event);} 

これはHTMLに何も表示されないよう、そして（多分難解なCSS以外...振る舞いを定義するための他の方法がない）あなたはリンク先のウェブサイトがそれをどうするかであるだろう。

Answer 3

jQuery UIライブラリを使用すると、指定した方法でボタンを作成できます。

jQuery UI

Answer 4

イベントハンドラは、おそらくなのjQueryなどのJavaScriptフレームワークを使用してバインドされています。彼らはDOM要素のonclickプロパティを使用しません。 clickイベントハンドラをjQueryを使用してボタンにバインドした後、ボタンをクリックしてボタンのonclick（FF 9にnullと表示）の値を表示する例については、this jsFiddleを参照してください。

Answer 5

javascriptを使用します。クリック機能は、例えば、JSで初期化することができる

<a id="uniqueId" href="#">Button</a> 

<script> 
    var button = document.getElementById('uniqueId'); 
    button.onclick = function(e) { 
     alert("clicked!"); 
    } 
</script> 

Answer 6

、$（ "＃nextBtn"）（機能）をクリックしてください。：ここでは例です。