javascript - a标签的点击事件和button的点击事件的区别
PHPz
PHPz 2017-04-11 11:29:09
[JavaScript讨论组]

如题。一个django框架的项目。今天遇到一个问题:在js中点击button按钮,点击事件函数中先不写任何代码,只是一个空函数,点击完之后页面重新定向,在原来的url后面多了一个问号;但是将button改为a标签执行点击之后就不会出现这种情况了。这是什么原因?a标签的点击事件和button的点击事件有什么区别吗?

PHPz
PHPz

学习是最好的投资!

全部回复(1)
PHPz

单就事件处理机制而已,两者肯定是一样的,不会针对不同的dom对象采取不同的事件处理机制。

所以说,事件处理机制是一样的。

那有什么不一样的,不同的dom对象的属性不一样。

这就可能会导致在响应事件的时候,需要对不同dom对象的不同属性,或者特定属性做出响应。比如常见的a标签的href属性。

下面就你的问题来回答,先说明一下,我通常不会针对具体的问题回答问题(不会好好回答问题,通常会扯一些其他的,呵呵)。
照理说,应该是a标签引起怪异你所说的怪异行为的可能性要大些。由于不清楚你的具体环境,所以只能猜测。

你确认下,你是否使用了表单form,在一些浏览器中button的默认type是submit,会导致表单提交,也就可能引起你看到的点击之后页面重新定向。

a的点击也会引起页面刷新,但是通常不是url地址添加问号?

当然也不能排除是你使用的框架的问题,那个框架我没使用过,似乎只是听说过,没有看过相关一行代码。

遇到这种表现差异(没有达到预期效果)的时候,就要细心观察。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号