OnClick без jQuery - PullRequest
Новая
       25

OnClick без jQuery

45 голосов
/ 13 мая 2009

Как сделать 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;
});

Ответы [ 9 ]

59 голосов
/ 13 мая 2009

Когда этот якорь будет содержать только одну функцию для обработки при клике, вы можете просто написать 

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;});

с sth, который не использует jQuery, это должно сделать работу 

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});
      }
   }
});
13 голосов
/ 13 мая 2009

как насчет этого: 

document.getElementById("lady").onclick = function () {alert('onclick');};
5 голосов
/ 13 мая 2009

W3C предлагает: 

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

Microsoft использует: 

element.attachEvent('onclick',doSomething)

Вы можете обнаружить некоторые функции и определить, какой вызов использовать.

С http://www.quirksmode.org/js/events_advanced.html.

2 голосов
/ 13 мая 2009

Без лишнего кода в 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>
1 голос
/ 13 мая 2009

Выполнить этот скрипт при загрузке документа (заменив оповещение вашими материалами): 

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');};
        }
    }

Может быть, это то, о чем вы спрашиваете ...

1 голос
/ 13 мая 2009

var el = document.getElementById ('lady'); el.addEventListener («щелчок», трамвайный трамвай, ложь);

1 голос
/ 13 мая 2009 
<script>
 function tramtramtram(){
     alert("tram it!");
 }
</script>


<a href="#" onclick="tramtramtram()">tramtram</a>
0 голосов
/ 13 мая 2009

Вам нужно использовать getElementById, чтобы добавить обработчик onclick. Однако вам нужно где-то инициировать свой код. Без jQuery вы можете использовать только обработчик загрузки тела: 

<body onload="myinitfunction()">

myinitfunction может быть во внешнем js-файле.

0 голосов
/ 13 мая 2009

Просто используйте атрибут onclick . 

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

Или сделать это из JavaScript, 

document.getElementById("anchorID").onclick = function(){
   some code
};
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...