javascript get href при нажатии ссылки

Question

Вот моя ситуация. У меня есть ссылки на веб-сайте. Некоторые из них выглядят так:

<a target="_blank" onclick="someFunction()" href="/somFile.pdf">some file</a>

и некоторые выглядят так:

<a target="_blank" href="/somFile.pdf">some file</a>

Все ссылки должны называть SomeFunction() при нажатии. Те, которые имеют вызов в атрибуте onclick, представляют собой устаревшие страницы контента. Новые страницы имеют прикрепленное к ним событие jQuery click:

$(document).ready(function(){ 
    $('a[href$=".pdf"]').click(function() { 
    someFunction(); 
    }); 
}); 

Итак, вот что. Я могу обновить someFunction(), но я не могу коснуться фактических ссылок или этого jQuery. Мне нужно знать значение href ссылки. Я попытался использовать следующее в someFunction():

var ev = window.event; 
origEl = ev.target || ev.srcElement; 
console.log(origEl.href); 

но это не работает. Я также попробовал console.log(window.event) и ничего не получил, говорит, что он не определен. Любая идея, что мне здесь не хватает, или это практически невозможно без передачи ссылки на нее при вызове функции?

Редактировать: быть ясным, я не могу в качестве краткосрочного или даже среднесрочного решения отредактировать вызов someFunction() в onclick или в коде jQuery черный, поэтому я не могу, например, изменить их на someFunction(this) или аналогичный. Я не уверен, что это возможно, чтобы получить HREF внутри SomeFunction(), если только я, что хотя :(

Answer 1

Так что пусть это кипятить на медленном огне в течение некоторого времени, и я придумал краткосрочного решения ... это довольно Hacky, и я чувствую своего рода грязный для делать это, но иногда просто нужно делать то, что вам нужно сделайте, пока вы не сможете сделать то, что вам нужно ... в любом случае, я отправляю свое уродливое решение для других, которые могут быть скопированы в аналогичный угол ...

Имейте в виду, что только код, разрешено касатьться в OP - это функция someFunction(). Кроме того, я могу добавить дополнительный код в том же месте, где он находится, и это то, что я сделал ...

В основном решение состоит в том, чтобы сделать дополнительный клик-прослушиватель, который помещает значение href в переменную, подверженную функции, и курит код someFunction() в течение небольшого таймаута, чтобы убедиться, что новая функция щелчка может сделать свою вещь ..

<!-- STUFF I CAN'T TOUCH! (located on-page) --> 
<a target="_blank" onclick="someFunction()" href="/somFile.pdf">some file</a> 
<a target="_blank" href="/somFile.pdf">some file</a> 

<script type='text/javascript'> 
$(document).ready(function(){ 
    $('a[href$=".pdf"]').click(function() { 
    someFunction(); 
    }); 
}); 
</script> 
<!-- END STUFF I CAN'T TOUCH! --> 

/*** STUFF I CAN TOUCH! (located in a script include) ***/ 
// hackjob! 
$(document).ready(function(){ 
    $('a').click(function() { 
    if ($(this).attr('href')) someFunction.href = $(this).attr('href'); 
    }); 
}); 

function someFunction(a) { 
    // more hackjob! 
    window.setTimeout("console.log(someFunction.href);",200); 
} 
/*** END STUFF I CAN TOUCH!***/ 

Так или иначе, да, это некрасиво, но, надеюсь, это может спасти чью-то задницу, если они отчаянно.

Answer 2

Вы ничего, кроме this.href внутри от click обратного вызова не нужно.

$(document).ready(function() 
{  
    function someFunction(foo) 
    { 
     console.log(foo); 
    } 

    $('a[href$=".pdf"]').click(function() 
    { 
     someFunction(this.href); 
    }); 
}); 

Кроме того, вы можете сделать this точку в <a> даже внутри someFunction, например, так:

$(document).ready(function() 
{  
    function someFunction() 
    { 
     console.log(this.href); 
     console.log(event); 
    } 

    $('a[href$=".pdf"]').click(someFunction); 
}); 

или, если это не устраивает, мы можем получить новые идеи с Function.apply:

$(document).ready(function() 
{  
    function someFunction(event) 
    { 
     console.log(this.href); 
     console.log(event); 
    } 

    $('a[href$=".pdf"]').click(function (event) 
    { 
     someFunction.apply(this, event); 
    }); 
}); 

Answer 3

Используйте либо this.href или более Jquery соответствующий $(this).attr('href'), чтобы получить значение каждой из ссылок.

Answer 4

Здесь вы идете. Попробуй это. Настройте соответствующим образом для своих нужд (я удалил ссылку на pdf, потому что в моей скрипке не было).

EDIT: Протестировано в FF и Chrome. Дай мне знать, если это сработает для тебя.

http://jsfiddle.net/lazerblade01/dTVz5/22/

Answer 5

Здесь в PURE JavaScript

//assuming links inside of a shared class "link" 
    for(var i in document.getElementsByClassName('link')) { 
     var link = document.getElementsByClassName('link')[i]; 

     link.onclick = function(e) { 
      e.preventDefault(); 

      //using returned e attributes 
      window.location = e.srcElement.attributes.href.textContent;  
     } 
    } 

    //tested on Chrome v31 & IE 11 
    //not working in Firefox v29 
    //to make it work in all browsers use something like: 

    if (e.srcElement === undefined){ 
    //scrElement is undefined in Firefox and textContent is depreciated 

     window.location = e.originalTarget.attributes.href.value; 
    } else { 
     window.location = e.srcElement.attributes.href.textContent; 
    } 

    //Furthermore; when you setAttribute("key" "value"); 
    //you can access it with the above node link. 
    //So say you want to set an objectId on something  
    //manually and then grab it later; you can use 

    //Chrome & IE 
    //srcElement.attributes.objectid.textContent; 

    //Firefox 
    //e.originalTarget.attributes.objectid.value; 

    //*Note: for some unknown reason the attribute being defined as "objectId" is changed to "objectid" when it's set.