您的位置:首页 > 其它

Dart系列(二) 时刻输出input的值

2015-12-02 00:00 267 查看
摘要: 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