文档章节

dart系列(三) 按钮点击

 小小程序员1644
发布于 2015/12/02 23:11
字数 129
阅读 95
收藏 0
import 'dart:html';
import 'dart:core';
void main() {
  
  void myClick(Event e){  
   querySelector('#but_1_div').text = ( querySelector('#ipt_1') as InputElement ).value;
  }
  
  
  ButtonElement mybt1;
  mybt1 = querySelector('#but_1');
  mybt1.text = "try me!";
  mybt1.onClick.listen( myClick );
  }
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <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>
<div id='hw'></div>
<br/><br/><br/><br/>  
<input id='inputtxt'/>
<div id='bind'></div>
<br/><br/><br/><br/>  
<input id='ipt_1' style="width: 100px; height: 60px;"/>
<button id='but_1'  style="width: 100px; height: 60px;" ></button>
<div id='but_1_div'></div>
</body>
</html>

结果:

© 著作权归作者所有

共有 人打赏支持
粉丝 3
博文 17
码字总数 2287
作品 0
广州
私信 提问
Flutter新锐专家之路:工程研发体系篇

作者:闲鱼技术-正物 写在前面 当前,闲鱼客户端已经实现了基于Flutter的商品详情页的全量重构,线上效果良好。从alpha一路走来,我们遇到了很多问题,或基于原理,或透过社区,或与官方合作...

闲鱼技术
08/06
0
0
Flutter学习指南:编写第一个应用

本文由玉刚说写作平台提供写作赞助 原作者:水晶虾饺 这是个系列文章,后面还有很多篇,希望对大家能有帮助。 Flutter 是 Google 推出的移动端跨平台开发框架,使用的编程语言是 Dart。从 Re...

玉刚说
10/19
0
0
Android Flutter实践--安装(Windows)

Flutter官网 Flutter中文网 Flutter社区中文资源 1. 下载源码 2. 配置环境变量 I. 命令配置 II. 右键我的电脑->属性->高级系统设置->环境变量->用户变量 在“用户变量”下检查是否有名为“P...

凌浩雨
03/13
0
0
Dart语言【009】DOM 操作

一、什么是DOM DOM是文档对象模型(Document Object Model)的简称。 在这个模型中,用一个有若干结点的树来表示一个web页面。将<html>视为根结点,如果<x>中有<y>,则将<y>视为<x>的子结点。...

风华神使
2015/05/29
0
0
Flutter完整开发实战详解(一、Dart语言和Flutter基础)

前言  在如今的 Fultter 大潮下,本系列是让你看完会安心的文章。本系列将完整讲述:如何快速从0开发一个完整的 Flutter APP,配套高完成度 Flutter 开源项目 GSYGithubAppFlutter。同时也会...

全部原谅
08/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Centos7 防火墙 firewalld 实用操作

摘要: 一.前言 Centos7以上的发行版都试自带了firewalld防火墙的,firewalld去带了iptables防火墙。其原因是iptables的防火墙策略是交由内核层面的netfilter网络过滤器来处理的,而firewal...

阿里云官方博客
21分钟前
2
0
Python venv简单使用——创建虚拟环境

1.首先,我们先在项目目录下,输入: python3 -m venv xxx xxx指你要创建的文件名。因为在执行这行命令之后,就会把与Python虚拟环境有关的文件放到xxx里面。 2.然后只需要运行这个里面的act...

littlemesieV
30分钟前
0
0
spring常用配置

Spring常用配置示例Spring 是一款Java平台的开源框架,是为解决企业级应用程序开发的复杂性而创建的,通过良好的分层架构让开发人员能够专注于业务逻辑的开发。Spring框架是一个分层架...

小橙子的曼曼
32分钟前
1
0
Docker安装Jenkins

Docker安装Jenkins

吴伟祥
32分钟前
0
0
java运算符 与(&)、非(~)、或(|)、异或(^)

最近看HashMap源码,遇到了这样一段代码: 1 static final int hash(Object key) {2 int h;3 return (key == null) ? 0 : (h = key.hashCode()) ^ (h >>> 16);4 ......

孟飞阳
42分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部