小编lei*_*ing的帖子

React中的onFocus气泡

jsfiddle:https://jsfiddle.net/leiming/5e6rtgwd/

class Sample extends React.Component {

  onInputFocus(event) {
    console.log('react input focus')
  }

  onSpanFocus(event) {
    console.log('react span focus')
      // event.stopPropagation()
  }

  render() {
    return ( <span onFocus = {this.onSpanFocus}>
      react input: <input type="text"
      onFocus = {this.onInputFocus} />
      </span> )
  }
}

ReactDOM.render( < Sample / > ,
  document.getElementById('container')
);
Run Code Online (Sandbox Code Playgroud)
<div id="container">
  <!-- This element's contents will be replaced with your component. -->
</div>

<div>
  <span onfocus="(function(){console.log('normal span')})()">
  normal input:<input type="text" onfocus="(function(){console.log('normal input focus')})()">
</span>
</div>
Run Code Online (Sandbox Code Playgroud)

jsfiddle:https://jsfiddle.net/leiming/5e6rtgwd/

使用反应, …

html5 reactive-programming reactjs

8
推荐指数
1
解决办法
4981
查看次数

标签 统计

html5 ×1

reactive-programming ×1

reactjs ×1