web前端全系列 教程
1839个小节阅读:2243.6k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
默认情况下,react会传递一个事件对象到事件的处理函数,这个事件对象是一个合成事件对象。
xxxxxxxxxx
const onAdd=(e)=>{console.log(e)}
return <button onClick={onAdd }>点击</button>
使用事件对象阻止默认事件、阻止冒泡。
xxxxxxxxxx
const onAdd=(e)=>{
e.preventDefault();//阻止默认事件
e.stopPropagation()//阻止事件冒泡
console.log(e);
}
return (
<div onClick={()=>{console.log('div的点击事件被触发')}}>
<a onClick={onAdd } href="#">点击</a>
</div>
)
通过事件对象获取输入的值。
xxxxxxxxxx
return <input onChange={(e)=>{console.log(e.target.value)}}/>
实时效果反馈
1. 下列关于事件对象说法错误的是:
A 事件对象会被自动传入
B 通过事件对象可以阻止默认事件
C 通过事件对象可以获取输入框的值
D 不是所有事件类型都有事件对象
答案
1=>D