资讯专栏INFORMATION COLUMN

#JavaScript# 阻止事件的默认行为

leiyi / 1777人阅读

摘要:标签的默认行为及阻止标签的默认行为有超链接点击标签可以实现页面的跳转锚点定位通过值定位到当前页面制定盒子的位置。阻止标签的默认行为,第三种通过事件对象阻止默认行为

A标签的默认行为及阻止

A标签的默认行为有:

超链接:点击A标签可以实现页面的跳转

锚点定位:通过hash值定位到当前页面制定ID盒子的位置。

在项目中,如果我们想用A标签做一个按钮(优点:它的:hover样式是兼容所有浏览器的),此时需要阻止上面的2个默认行为。

baidu
baidu

//阻止A标签的默认行为,第一种




//阻止A标签的默认行为,第二种(优化SEO)

link.onclick = function(){
//当点击A标签的时候,首先会触发click事件,其次会按照href的地址进行页面跳转
    return false;//函数中返回false,而且只能是false  才可以组织默认行为。
}

//阻止A标签的默认行为,第三种(通过事件对象阻止默认行为)
link.onclick = function(){
    e=e||window.event;
    e.preventDefault? e.preventDefault():e.returnValue=false;
}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/110191.html

相关文章

  • JavaScript MVC 学习笔记(五)事件基本操作

    摘要:事件是应用程序的核心,是所有内容的驱动。将对这两种事件模型的支持都加入标准规范之中。根据型,事件首先被目标元素所捕捉,然后向上冒泡。取消事件冒泡当事件冒泡时,可以通过数来终止冒泡,这个函数是对象中的方法。 事件是 JavaScript 应用程序的核心,是所有内容的驱动。尽管后来W3C 对此做了标准化,但 IE 仍然坚持使用与 W3C 不兼容的事件模型,直到 IE9 才遵循标准。有很多诸...

    Julylovin 评论0 收藏0
  • javascript event 对象(事件对象)

    摘要:什么是事件对象在触发上的某个事件时,会产生一个事件对象。包括导致事件的元素,事件的类型以及其他与特定事件相关的信息。键盘操作导致的事件对象中,会包含按下的键有关的信息。取消默认行为,取消右键菜单阻止默认事件环境菜单,上下文菜单 什么是事件对象? 在触发DOM上的某个事件时,会产生一个事件对象event。这个对象中包含着所有与事件有关的信息。包括导致事件的元素,事件的类型以及其他与特定事...

    zilu 评论0 收藏0
  • 如何阻止<a>标签默认行为和表单提交

    摘要:阻止标签默认行为方式一通过阻止事件的默认行为通过实现阻止了点击标签后页面的跳转百度一下方式二通过或者阻止事件的默认行为百度一下通过表单提交方式一提交不验证提交列表项目阻止表单提交有种方式第一种提交事件第二种提交按钮提交事件不推荐 阻止标签默认行为 方式一 (通过return false) 阻止事件的默认行为 ...

    Sleepy 评论0 收藏0
  • JavaScript事件探秘

    摘要:一事件流事件流描述的是从页面中接受事件的顺序。级事件处理程序级事件定义了两个方法用于处理指定和删除事件处理程序的操作和。第二个方法是,它返回事件的目标。第三个方法是,用于取消事件的默认行为。首先尝试使用方法阻止事件流,否则就使用属性。 一、事件流 事件流描述的是从页面中接受事件的顺序。IE的事件流是事件冒泡流,而Netscape的事件流是事件捕获流 1、事件冒泡 事件冒泡,即事件最开始...

    shuibo 评论0 收藏0
  • js面试题

    摘要:面试题的基本数据类型和引用数据类型基本数据类型引用数据类型和有何区别表示一个对象被定义了,值为空值表示不存在这个值。 js面试题 JS的基本数据类型和引用数据类型 基本数据类型:undefined、null、boolean、number、string、symbol引用数据类型:object、array、function null 和 undefined 有何区别? null 表示一个对...

    Baoyuan 评论0 收藏0

发表评论

0条评论

leiyi

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<