0

我想为网页中的所有锚点替换点击事件的默认操作。当我使用这段代码时：

<html> <head> <script>     
var list=document.getElementsByTagName("a");
var isChecked = false;

function load () {    
    for (i=0; i<list.length; i++)
    {
        var old = (list[i].onclick) ? list[i].onclick : function () {}; 
        list[i].onclick = function () {                 
        if( !isChecked)
        {
            test(); 
            old();
        }
        else
            old();
        };  
    }
}    
function test() {
    alert("new action");
    isChecked = true;
}     
</script> </head> 
<body onload="load();">     
<a id="nr_1" onClick="alert('test');"> Anchor 1 </A>
<a id="nr_2" onClick="alert('test2');"> Anchor 2 </A>      
</body> </html>

当我单击一个锚点时，我会从测试功能中获得警报，然后是第二个锚点的默认功能（即使我单击第一个锚点）。当我再次单击两个锚点之一时，我总是从第二个锚点获得警报。如何为每个锚元素放回原来的 onclick 函数？当有人在 jquery 中有解决方案时，我也会很高兴。

编辑

我成功使用了这段代码：

function load()
{
$('a').attr('disabled', 'disabled');

$('a').click(function(e){
    if($(this).attr('disabled'))
    {
    alert("new");
    e.preventDefault(); 
    $('a').removeAttr("disabled");  
    this.click();
    }
});
}

在加载页面时，调用此函数，为所有锚元素提供“禁用”属性。单击元素后，e.preventDefault() 函数将禁用内联 onclick 函数。然后我删除“禁用”属性并再次调用元素的点击函数。因为现在元素没有“禁用”属性，只执行默认功能。我仍然愿意为这个问题提供“更优雅”的解决方案，但现在我是一个快乐的露营者！

4

1 回答 1

2

如果您使用 jQuery，您可以将一次性处理程序与持久处理程序结合起来：

.one()和.on()的文档

工作示例：http: //jsfiddle.net/Q8gmN/

示例 HTML：

<input type="button" id="click" value="click" />

​ 示例 JavaScript：

button.one('click', function () {
  console.log('one time function fired');  
});

button.on('click', function () {
  console.log('persistent function fired');  
});

​</p>

于 2012-07-18T13:20:12.833 回答