专栏名称: OSC开源社区
OSChina 开源中国 官方微信账号
目录
相关文章推荐
程序员的那些事  ·  阿里云核心域名竟遭劫持,博客园等众多网站瘫痪 ... ·  15 小时前  
伯乐在线  ·  周鸿祎:准备干掉 360 整个市场部! ·  16 小时前  
伯乐在线  ·  周鸿祎:准备干掉 360 整个市场部! ·  16 小时前  
OSC开源社区  ·  OpenAI用Rust重写AI编程工具Cod ... ·  5 天前  
OSC开源社区  ·  马建仓 AI ... ·  昨天  
51好读  ›  专栏  ›  OSC开源社区

我的 react 组件化开发道路(三) 懒惰+执着,驱动产品的完善

OSC开源社区  · 公众号  · 程序员  · 2017-01-11 08:24

正文

请到「今天看啥」查看全文



click还是冒泡上来了,这就头大了,难道我的冒泡没用?are you kidding me?好吧,又得得捋,stopPropagation函数只屏蔽冒泡,并不屏蔽自身的事件,这不是闹么,不过诧异的是,居然查到了stopImmediatePropagation这样的一个函数(原谅我先前的无知),stopImmediatePropagation会在调用对应的回调函数之后屏蔽对应元素对应事件所有回调函数的调用,并且禁止冒泡,OK,就它了,用起来!


报错,我的天,把event打印出来看看:


由于react代理事件的原因,这里我们得到的event仅仅是一个合成事件对象,它的主要属性如下:


想要获取浏览器事件的详情,则可以查看合成对象中的nativeEvent值:


可以看到,event.nativeEvent此时对应的是MouseEvent,即鼠标事件,代码修改为:

成功阻止事件的冒泡并且阻止了默认行为,组件能正常使用。一个简单的阻止冒泡的事件绑定,扯出了如此多的知识点~~~~。


路由资源使用require.ensure按需加载之坑


我们常规的路由设置是类似这样的(当然,其实我一开始也是这样的):







请到「今天看啥」查看全文