React DOM click focus textbox
来源:互联网 发布:berkeley db java 编辑:程序博客网 时间:2024/06/05 17:07
<html> <head> <title>Document</title> <script src="../react.js"></script> <script src="../react-dom.js"></script> <!-- //引用资源,JSX转HTML --> <script src="http://cdn.bootcss.com/babel-core/5.8.38/browser.min.js"></script> </head> <body> <div id="reactContainer"></div> <script type="text/babel"> //babel JSX => HTML const Forcus = React.createClass({ handleClick: function() { this.refs.text.focus()//获取真实的DOM节点 }, render: function() { return ( <div> <input type="text" ref="text"/>//设置DOM标识 <input type="button" value="focus the text input" onClick={this.handleClick}/> </div> ) } }) ReactDOM.render( <Forcus />, document.getElementById('reactContainer') ) </script> </body></html>
阅读全文
0 0
- React DOM click focus textbox
- dom click
- C# Tabcontrol 中textbox focus
- HTML DOM focus() 方法
- js focus 与 click 的时间顺序
- React click toggle
- F12键按下后光标Focus到某TextBox
- React TextBox state
- wpf textbox mouse click event处理
- jquery focus在click等事件中失效
- Android touch事件、click事件、focus、selected的区别
- js, jq执行 focus后focusout和click事件冲突
- HTML DOM focus() 方法之原理
- HTML DOM focus() 方法之原理
- DOM事件 中的 focus 和blur
- Javascript & DOM 中的文本框textbox
- UserControl中TextBox设置Focus失效的问题
- UserControl中TextBox设置Focus失效的问题2
- CentOS7 安装svn
- TF报错:CUDA_ERROE_OUT_OF_MEMORY
- chrome中ul的padding-left: 40px
- test
- c语言:判断一个年份是不是闰年和鸡兔同笼问题
- React DOM click focus textbox
- 用python3 opencv3 实现相机学生证的实时跟踪
- svn 批量移除版本库
- linux学习
- LeetCode刷题(35)--Permutation Sequence
- vba基础打卡2
- Python数据挖掘建模 chapter_7 关联规则
- 外媒:BAT齐发力缩小与中美AI差距
- 东芝将退出电脑等业务纳入考虑 以避免摘牌退市