禁止JavaScript在链接上运行

Question

I have a script that reloads an iframe whenever the browser screen is clicked (works perfectly). I was wondering how I would go about disabling the javascript from running on certain links?

Here is my current script:

document.onclick= function(event) {
    if (event===tichack) event= window.event;
    var target= 'target' in event? event.target : event.srcElement;

   document.getElementById("tichack").src = "http://link.com?"+(+new Date());
};

Example would be something like this i suppose? (obviously incorrect) but will give you a better idea of what I am trying to achieve, did allot of searching but have had no luck?:

onclick="javascript:disabled=true;"

Answer 1

Basically, you need to identify what the target of your click is and, if the target is equal to one of the links you don't want triggering this, return from the function without refreshing the iframe.

var links = /* a collection of elements you don't want triggering the iframe refresh */,
    count = links.length,
    i;

for (i = 0; i < count; i += 1) {
    if (target === links[i]) {
        return;
    }
}

Answer 2

You can do this:

document.onclick = function (event) {
    event = event || window.event;
    if (event.target.id != 'tichack') return;
    document.getElementById("tichack").src = "http://link.com?" + (+new Date());
};

Here, the document click event will work for the tichack link only.

SIMPLE DEMO HERE

Answer 3

There's two ways:

• in the document.onclick, check the target element if it's a certain link, and then don't do anything. Ie if (target.id == '...') { return; } if (target.id == '...') { return; }

• make sure that the click never arrives at the document.onclick. Because of how the DOM Event model works, if you cancel an onclick event at a low level (ie at a link itself) it will not bubble up and arrive at the document.onclick. So the following code works:

  <a href='...' onclick='return false;'>click here!</a>

See http://bitovi.com/blog/2010/10/a-crash-course-in-how-dom-events-work.html for more information on the DOM Event model!