中,通过内联方式添加事件,是不推荐的,然而在如今的一些面向数据编程,例如React,Vue等框架中,这一方式却得到了支持与延续,要从面向DOM编程转移到面向数据编程
React实现
import React...,只是关注点不一样了的
而在React中,我们可以发现,并没有操作DOM的过程,一切以数据为中心,数据是什么,页面就显示什么
并没有像JS,JQ一样获取元素,添加事件然后执行一些操作的动作....JQ仍然是无比强悍的,每个技术都有与之对应的应用场景.
况且也没有JQ实现不了的,只不过是略繁琐一些而已....是最直观易懂的,但是当项目逐渐变得复杂庞大时,用JQ写出来的代码耦合度就没那么高了的,正是这样,也就诞生了一些requirejs以及Seajs解决一些问题,但是使用JQ写出来的代码往往互相纠缠
如下图所示...,只会更改变化的数据部分,并且在给JSX添加事件监听时,使用on*EnentType的方式
并且这种事件的监听,它只作用于原生HTML元素上,若放在自定义的组件上时,是不起作用的,具体解决办法,可以引入第三方