event.preventDefault方法的使用

event.preventDefault方法的使用

定义和用法

取消事件的默认动作。

语法

event.preventDefault()

	 

	说明

	该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。例如，如果 type 属性是 "submit"，在事件传播的任意阶段可以调用任意的事件句柄，通过调用该方法，可以阻止提交表单。

	 

	注意

	1、如果 Event 对象的 cancelable 属性是 fasle，那么就没有默认动作，或者不能阻止默认动作。无论哪种情况，调用该方法都没有作用。

	2、此方法并不被ie支持，在ie下需要用window.event.returnValue = false; 来实现。

	 

	实例

	

		 
	

		

			HTML 代码   复制
		

			

<script type="text/javascript">...
function stopDefault(e) ...{ 
 
     if (e && e.preventDefault) ...{//如果是FF下执行这个
 
        e.preventDefault();
 
    }else...{ 
 
        window.event.returnValue = false;//如果是IE下执行这个
 
    }
 
    return false;
 }
 </script>  

<a href="url" id="test">测试</a> 
 
<script type="text/javascript">... 
 
var test = document.getElementByIdx_x('test'); 
 
test.onclick = function(e) ...{ 
 
   alert('URL：' + this.href + ', 不会跳转'); 
 
   stopDefault(e); 
 }
 </script> 
		
	


	 

 

  
标签：javascript event preventDefault   
 
 



              
上一篇：css如何设置表格样式
                	  
			  
下一篇：C#中属性的用法

  
 


  

      您可能感兴趣
				

					

  
js tab栏案例（JavaScript实现Tab栏切换特效）
  
javascript中定义数组的方法（JavaScript中数组sort方法的基本使用与踩坑记录）
  
js中alert加参数写法（详解JavaScript Alert函数执行顺序问题）
  
javascriptloop教程（JavaScript中的AOP编程的基本实现）
  
dedecms新手建站教程网页设计（DEDECMS幻灯片中JavaScript实际应用举例）
  
用javascript解析json（JavaScript JSON.stringify的使用总结）
  
javascript组件库实现（JavaScript分页组件使用方法详解）
  
javascript中error错误类型
  
js实现div（javascript拖曳互换div的位置实现示例）
  
javascript如何判断类型（JavaScript如何优化逻辑判断代码详解）
  
在html中使用javascript实例代码（原生 JS+CSS+HTML 实现时序图的方法）
  
web中如何预防xss攻击（详解前端安全之JavaScript防http劫持与XSS）
  
js获取子表单所有数据（JavaScript实现异步提交表单数据）
  
hashtable的javascript实现
  
javascript如何转换int型（浅谈JavaScript中的parseInt的妙用）
  
javascript 数组排序
冰岛旅游攻略（冰岛旅游攻略及花费八日游）
寒假旅游攻略（成都寒假旅游攻略）
菲律宾旅游攻略（菲律宾旅游攻略地图）
清华大学难考吗（清华大学考研录取分数线）
观花盆栽佛肚竹盆景制作及养护（观花盆栽佛肚竹盆景制作及养护）
春天养佛肚竹，做好这几件事，叶绿根壮寓意好 越养越旺家（春天养佛肚竹做好这几件事）