博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js默认事件汇总
阅读量:5130 次
发布时间:2019-06-13

本文共 1246 字,大约阅读时间需要 4 分钟。

默认事件

  就是浏览器通过HTML标签或DOM元素提供的一些功能性的默认行为。比如在a标签href属性上的跳转,右键呼出的菜单等等。我们可以通过js取消或更改这些默认事件。

取消默认事件

  默认事件都是定义在DOM元素相应的事件类型上的,我们只需要知道产生默认事件的是哪个元素,这个事件是什么类型的,就可以阻止或修改它。实现方式就是注册相应的事件处理函数,在其中通过如下API阻止默认事件的发生。

  event.preventDefault() : 阻止默认行为 

  (IE9以下)event.returnValue=false:返回值=false  阻止默认行为

a标签的跳转

  存在形式:在a标签的点击事件中。

// 获取一个a标签 禁止他的跳转行为document.getElementsByTagName("a")[0].onclick = function(e){    var event = e||window.event;    if(e.preventDefault){        e.preventDefault();    }else{        event.returnValue = false;    }}

右键呼出菜单事件

  存在形式:document的contextmenu事件中。

// 取消之后右键就没有菜单了 document.oncontextmenu = function(e){    var event = e||window.event;    if(e.preventDefault){        e.preventDefault();    }else{        event.returnValue = false;    }}

不得不提的表单

  存在形式:from表单会赋予它包含的button标签或type为submit的input,提交(submit)事件。

  submit事件:根据from元素的method属性值决定提数据的方式,通常是get/post,提交表单元素的值。

// 一个默认使用get方法提交数据的表单
// 组着user-info表单中的提交事件document.getElementsByClassName("user-info")[0].onsubmit = function(e){ var event = e || window.event; if(event.preventDefault){ event.preventDefault(); }else{ event.returnValue = false; }}

未完待续...

 

转载于:https://www.cnblogs.com/keliguicang/p/10998039.html

你可能感兴趣的文章
(PatchGANs)Pecomputed Real-time Texture Synthesis With Markovian Generative Adversarial Networks
查看>>
Anjular的ng-repeat
查看>>
Gas Station,转化为求最大序列的解法,和更简单简单的Jump解法。——贪心、转化...
查看>>
MTK android 工程中如何修改照片详细信息中机型名
查看>>
Use delegation to write map/filter in Java
查看>>
html5用canvas对图片压缩
查看>>
opacity设定图片透明度
查看>>
Tizen - "泰泽"新移动操作系统
查看>>
go的net/http用法
查看>>
sql语句判断两个时间段是否有交集
查看>>
秒杀、抢购解决方案
查看>>
利用Mrjob实现Weighted Slope One算法
查看>>
jmeter旅程第二站:jmeter登录接口测试
查看>>
.Net Core 商城微服务项目系列(六):搭建自己的Nuget包服务器
查看>>
HTML
查看>>
java 多线程
查看>>
细说mysql索引
查看>>
【Linux常用指令整理4】搜索文件
查看>>
zdz工具箱v1.5 android版本发布了,集成各种个人生活中常用的工具,方便日常使用管理...
查看>>
MVC AJAX
查看>>