51

onclick jQuery を使用せず、HTML に余分なコードを追加せずに作成する方法:

<a href="#" onclick="tramtramtram">

外部jsファイルを使用しているだけですか？

<script type="text/javascript" src="functions.js"></script>

このコードを置き換える必要があります:

$("a.scroll-up, a.scroll-down").click(function(){
    SNavigate($(this).attr("href").substr(7));return false;
});
4

9 に答える 9

66

このアンカーにクリック時に処理する関数が 1 つしか含まれていない場合は、次のように記述できます。

document.getElementById('anchorID').onclick=function(){/* some code */}

それ以外の場合は、DOM メソッド addEventListener を使用する必要があります

function clickHandler(){ /* some code */ }
var anchor = document.getElementById('anchorID');
if(anchor.addEventListener) // DOM method
  anchor.addEventListener('click', clickHandler, false);
else if(anchor.attachEvent) // this is for IE, because it doesn't support addEventListener
   anchor.attachEvent('onclick', function(){ return clickHandler.apply(anchor, [window.event]}); // this strange part for making the keyword 'this' indicate the clicked anchor

また、すべての要素がロードされたとき (例: window.onload) に上記のコードを呼び出すことも忘れないでください。

- 編集

詳細を追加しました。以下のコードを置き換えたい場合

$("a.scroll-up, a.scroll-down").click(function(){SNavigate($(this).attr("href").substr(7));return false;});

jQueryを使用しないsthでは、これでうまくいくはずです

function addEvent(obj, type, fn) {
        if (obj.addEventListener)
                obj.addEventListener(type, fn, false);
        else if (obj.attachEvent)
                obj.attachEvent('on' + type, function() { return fn.apply(obj, [window.event]);});
}
addEvent(window, 'load', function(){
   for(var i=0, a=document.anchors, l=a.length; i<l;++i){
      if(a[i].className == 'scroll-up' || a[i].className == 'scroll-down'){
         addEvent(a[i], 'click', function(e){ SNavigate(this.href.substr(7)); e.returnValue=false; if(e.preventDefault)e.preventDefault();return false});
      }
   }
});
于 2009-05-12T20:52:20.063 に答える
15

これはどう ：

document.getElementById("lady").onclick = function () {alert('onclick');};
于 2009-05-12T20:48:56.933 に答える
5

W3C は次のことを提案しています。

element.addEventListener('click',doSomething,false)

マイクロソフトは以下を使用します。

element.attachEvent('onclick',doSomething)

いくつかの機能検出を行い、使用する呼び出しを決定できます。

http://www.quirksmode.org/js/events_advanced.htmlから。

于 2009-05-12T20:52:44.900 に答える
2

html に余分なコードを追加する必要はありません。次の方法で実行できます。

<html><body><head><script>  // This script could be in an external JS file
function my_handler(elt) {
    alert("Yay!");
    return false;
}

function setup() {
    document.getElementById('lady').onclick = my_handler;
}

window.onload = setup;
</script></head>
<body><a href='#' id='lady'>Test</a></body>
</html>
于 2009-05-12T20:52:27.863 に答える
1

var el =document.getElementById('lady'); el.addEventListener( "クリック", トラムトラム, false );

于 2009-05-12T20:51:12.123 に答える
1 
<script>
 function tramtramtram(){
     alert("tram it!");
 }
</script>


<a href="#" onclick="tramtramtram()">tramtram</a>
于 2009-05-12T20:48:25.577 に答える
1

ドキュメントが読み込まれたときにこのスクリプトを実行します (アラートを自分のものに置き換えます):

var rgLinks = document.getElementsByTagName("A");

for (var x=0; x<rgLinks.length; x++) {
    el = rgLinks[x];

    if (el.className == 'scroll-down' || el.className == 'scroll-down')
        {
        el.onclick = function () {alert('onclick');};
        }
    }

多分それはあなたが尋ねていることです...

于 2009-05-12T21:20:29.317 に答える
0

onclick属性 を使用するだけです。

<a href="#" onclick="functionName(someParam)">

またはjavascriptから行うには、

document.getElementById("anchorID").onclick = function(){
   some code
};
于 2009-05-12T20:49:49.770 に答える
0

onclick ハンドラーを追加するには、getElementById を使用する必要があります。ただし、どこかでコードを開始する必要があります。jQuery を使用しない場合は、body onload ハンドラーのみを使用できます。

<body onload="myinitfunction()">

myinitfunction は、外部の js ファイルに含めることができます。

于 2009-05-12T20:52:08.800 に答える