Dart系列(二) 时刻输出input的值
2015-12-02 00:00
267 查看
摘要: dart
main.dart
结果:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="scaffolded-by" content="https://github.com/google/stagehand"> <title>t5</title> <link rel="stylesheet" href="styles.css"> <script async src="main.dart" type="application/dart"></script> <!-- <script async src="main.js"></script> --> </head> <body> <input id='inputtxt'/> <div id='bind'></div> </body> </html>
main.dart
import 'dart:html'; import 'dart:core'; ButtonElement genButton; void main() { querySelector('#inputtxt').onInput.listen( myInputListener ); } void myInputListener( Event e) { querySelector('#bind').text = ( e.target as InputElement ).value; }
结果:
相关文章推荐
- Dart Editor——跨平台的开发工具
- DART编译从客户端转向服务器
- 可能引发编程革命的4门语言
- 用C++写Web应用是一种怎样的体验?
- dart系列(三) 按钮点击
- dart系列(四) 动态生成”按钮”元素
- DaRT,为Win RE(Windows恢复环境)如虎添翼 推荐
- 开始使用:了解更多信息
- 开始使用-编写你的第一个Flutter应用程序
- 开始使用-初尝胜果
- 开始使用-配置编辑器
- 开始使用-安装
- AngularDart 4.0 高级-HTTP 客户端
- AngularDart4.0 高级-层级依赖注入器
- AngularDart4.0 高级-部署
- AngularDart4.0 高级-组件样式
- AngularDart4.0 高级-属性(Attribute)指令
- AngularDart4.0 指南- 模板语法二
- Dart语言指南
- AngularDart4.0 指南- 模板语法一