解决IE下javascript:void(0)会触发window.onbeforeunload事件

测试1

测试2

测试3

测试4

测试5

IE下,”测试4″，”测试5″会触发window.onbeforeunload事件。这是因为，点击事件触发的时候（调用顺序：onclick->window.onbeforeunload->href）。

实际使用的时候还是尽量避免使用javascript:void(0)这样的写法,可以使用 <a href=”###”></a>可以防止锚点，但是如果已经写了。可以用jQuery的live方法解决：

jQuery 1.3中新增的方法。给所有当前以及将来会匹配的元素绑定一个事件处理函数（比如click事件）。也能绑定自定义事件。

目前支持 click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup。

还不支持 blur, focus, mouseenter, mouseleave, change, submit

与bind()不同的是，live()一次只能绑定一个事件。

这个方法跟传统的bind很像，区别在于用live来绑定事件会给所有当前以及将来在页面上的元素绑定事件(使用委派的方式)。比如说，如果你给页 面上所有的li用live绑定了click事件。那么当在以后增加一个li到这个页面时，对于这个新增加的li，其click事件依然可用。而无需重新给 这种新增加的元素绑定事件。

.live()与流行的liveQuery插件很像，但有以下几个主要区别：

• .live 目前只支持所有事件的子集，支持列表参考上面的说明。
• .live 不支持liveQuery提供的“无事件”样式的回调函数。.live只能绑定事件处理函数。
• .live 没有”setup”和”cleanup”的过程。因为所有的事件是委派而不是直接绑定在元素上的。

要移除用live绑定的事件，请用die方法。

具体的解决代码为：

使用live方法对于新增的<a href=”javascript:void(0)”></a>仍有效，使用例如jQuery datepick会动态的生成很多这样a标签，使用上述方法可以很好的解决这个问题

参考解决办法：

      
      
          

		  
     
  
  
	 点a标签时事件调用顺序：onclick->window.onbeforeunload->href 
	 
	 在IE中点击A标签会触发window.onbeforeunload事件，这有时会给我们带来麻烦。
	 
	 我知道的有两种解决方法:1、3个#号可以防止锚点，2、根据事件顺序onclick="return false;"不执行window.onbeforeunload->href两个事件。

	测试1、测试2、测试3 都不会触发window.onbeforeunload事件。

	测试0
	测试1
  	测试2
	测试3
	测试4