首页
学习
活动
专区
工具
TVP
发布

JSX onClickHTML onclick 区别

在 JSX 中可以通过 onClick 这样方式给一个元素添加一个事件处理函数,当然,在 HTML 中也可以用 onclick (小写 c),但在 HTML 中直接书写 onclick 一直就是为人垢病写法...为什么 HTML 中直接使用 onclick 很不专业?...: 既然长期以来一直不倡导在 HTML 中使用 onclick,为什么在 React JSX 中我们却要使用 onClick 这样方式来添加事件处理函数呢?...JSX onClickHTML onclick 区别 上面 HTML onclick 这些问题,在 JSX 中都不存在,JSX onClick 事件处理方式和 HTML onclick...JSX 中组件使用 onClick,并不会产生直接使用 onclick HTML,而是使用了事件委托(event delegation)方式处理点击事件,无论有多少个 onClick 出现,其实最后都只在

1.6K20
您找到你想要的搜索结果了吗?
是的
没有找到

onclick与addEventListener区别

DOM都是有效,而onclick仅限于HTML 4.addEventListener可以控制listener触发阶段,(捕获/冒泡)。...对于多个相同事件处理器,不会重复触发,不需要手动使用removeEventListener清除 5.IE9使用attachEvent和detachEvent 探究: onclick添加事件: element.onclick...= functionRef; functionRef是一个函数,通常是在别处声明函数名,或者是一个函数表达式 onclick删除事件: element.onclick = null; DOM格式如上...3.addEventListener对任何DOM都是有效,而onclick仅限于HTML 4.addEventListener可以控制listener触发阶段,(捕获/冒泡)。.../en-US/docs/Web/API/EventTarget/addEventListener 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/158284.html

1.4K10
领券