JS事件的默认行为有哪些

JavaScript022

JS事件的默认行为有哪些,第1张

很多的网页元素都会有默认的行为,比如说当你点击一下超链接a标签的时候,它会有一个跳转的行为;当你在网页上点鼠标右键时会出现一个右键菜;当你在一个form表单里点击提交按钮时网页会产生提交行为并刷新网页,当你网页上滚动鼠标滚轮时,网页的滚动条会动等等。这些都叫事件的默认行为,如果想把这默认行为取消了,相应的JS代码如下:a.onclick=function(){return false}//在方法里加个return false,就阻止超链接点击时的跳转行为了document.oncontextmenu=function(){/* 在这里你还可以加一些代码,实现自定义的右键菜单 */return false//系统自带的右键菜单就失效了}Form.onsubmit=function(){return false}//这样表单就不会产生提交行为了document.onmousewheel=function(){return false}//IE和chrome的方式,取消鼠标的滚轮的默认行为,网页的滚动条就不会动了document.addEventListener('DOMMouseScroll',function(e){e.preventDefault=true})//功能同上,火狐的方式。火狐只能用DOM二级的绑定方式,并且用e.preventDefault=true我们要知道常见的事件默认行为有那些,并且要知道阻止默认行为,只要在绑定到这个行为事件的方法里最后加一句:return false就可以了。但要强调注意的是:如果你的事件绑定是用addEventListener来实现的,那阻止默认行为必须用e.preventDefault=true。

简单点来说

html 是构建网页内容的基础,用html来写入网页内容

css 是表现形式,就是控制这些 网页内容的样子,比如某一个模块用什么颜色文字、什么颜色背景、文字左右对齐、左右浮动等等这些表象性的东西

javascript是行为,它既可以控制html的内容,比如修改网页上的文字变换啊,标签隐藏显示啊等等

也可以控制CSS的属性,给网页的样子带来变化,比如鼠标经过导航时颜色、背景的变化啊,网站换肤啊等等

换个比喻,html就像是人的身体;css就像是各种各样的衣服,能给人带来各种样子上的变化;javascript就像是人的活动,可以改变身体的构成,也可以改变各种衣服的样子,三者结合就给网页带来了无穷的变化,成就无限可能