用仿ActionScript的语法来编写html5——第六篇,TextField与输入框
一,对比
1,html5中
首先看看在html5的canvas中的文字显示
在html中输入框就不用说了,需要用到input标签
2,在as中
二,编写js类库后的代码
三,实现方法
文字显示非常简单,只需要建立一个LTextField类和一个show方法就可以了function LTextField(){
代码不难理解,就是调用show方法的时候,把它画在canvas上面而已,
关键是输入框,因为html中,输入框是一个标签,怎么把这个标签画到canvas上?或者说canvas可以直接现实输入框?
这个我不太清楚,如果有高手知道的话,希望能告诉偶一声,
我现在说一说我的做法,我是在textField是input的时候,先画一个矩形方框,然后利用div,把textbox直接显示在相应的位置上
我的html里一开始只有下面代码
然后,利用javascript写入一个canvas和一个textbox,作为准备工作
一开始将textbox隐藏,然后的做法是,当点击我画的矩形方框的时候,将它显示到矩形方框上面,然后当点击其他地方的时候,把输入的内容赋值给textField后隐藏textbox
具体做法不多说了,下面是完整的LTextField代码,或者你一会儿可以直接鼠标右健看完整代码function LTextField(){
看一下成果吧,看不到效果的请下载支持html5的浏览器
http://fsanguo.comoj.com/html5/jstoas05/index.html
点击输入框,textbox会自动显示,输入后点击其他地方,textbox自动消失
该系列的其他文章
用仿ActionScript的语法来编写html5——第一篇,显示一张图片
http://blog.csdn.net/lufy_legend/article/details/6753032
用仿ActionScript的语法来编写html5——第二篇,利用Sprite来实现动画
http://blog.csdn.net/lufy_legend/article/details/6760812
用仿ActionScript的语法来编写html5——第三篇,鼠标事件与游戏人物移动
http://blog.csdn.net/lufy_legend/article/details/6770713
用仿ActionScript的语法来编写html5——第四篇,继承与简单的rpg
http://blog.csdn.net/lufy_legend/article/details/6771962
用仿ActionScript的语法来编写html5——第五篇,Graphics绘图
http://blog.csdn.net/lufy_legend/article/details/6777784
分享到:
相关推荐
actionscript 3.0基础语法讲解。
详细讲解flash开发中用到的ActionScript动作脚本。
ActionScript 3.0语法参考手册,希望对大家有帮助
第6章 ActionScript3.0中的Array类型 第7章 ActionScript3.0中的日期和时间 第8章 ActionScript3.0异常处理 第3篇 ActionScript3.0可视化编程 第9章 可视化编程基础 第10章 对象交互与事件处理 第...
第6~9章介绍了ActionScript 3.0的核心——类及以类为基础的面向对象程序设计方法,包括类的基本概念、ActionScript 3.0中常用类的使用、显示编程和组件类;第10、11章分别介绍了几个ActionScript 3.0实际应用的范例...
《精通Flex 3.0——基于ActionScript 3.0实现》一书源代码。 Flex 3.0 ActionScript 3.0源代码 Flex 3.0源代码。 --------------------------- 第1篇 Flex技术概述 第1章 Flex概述 3 1.1 Flex简介 3 1.2 Flex...
Flash_ActionScript语法综合
ActionScript语法参考手册,保留看看。资料太老,不建议看
第6篇ActionScript3.0多媒体编程 第20章音频编程 418 20.1音频概述 418 20.2播放声音 418 20.2.1音频嵌入 419 20.2.2音频载入 420 20.2.3流式音频 422 20.3播放控制 424 20.3.1缓冲控制 424 20.3.2回放控制 424 20.3...
Java 5与ActionScript3 语法比较
该控件用Flash CS4+ActionScript3写成,能在网页上方便调用,用FlashVars参数传入图片路径。 该控件涉及了很多AS3画图的知识点。实现了加载图片,过度平滑,能通过调整SliderBar对加载的相片随意放大缩小等功能。对...
第6~9章介绍了ActionScript 3.0的核心——类及以类为基础的面向对象程序设计方法,包括类的基本概念、ActionScript 3.0中常用类的使用、显示编程和组件类;第10、11章分别介绍了几个ActionScript 3.0实际应用的范例...
第6~9章介绍了ActionScript 3.0的核心——类及以类为基础的面向对象程序设计方法,包括类的基本概念、ActionScript 3.0中常用类的使用、显示编程和组件类;第10、11章分别介绍了几个ActionScript 3.0实际应用的范例...
C语言典型应用系统之——聊天室(ActionScript 3.0实现),用以共享,相互交流!
flash actionscript3 as3编写的 仿雷电 战机游戏
由于文件过大,我分成了5个分卷上传,忘网友见谅! “这是我所看到的最好的ActionScript书籍。你将很难在其他在方找到如此之多的ActionScript信息。” ——Slavik Lozben,Macromedia,Flash 5的主工程师 ...
第5章 控制影片剪辑 第6章 影片剪辑属性 第7章 影片剪辑方法 第8章 响应键盘 9章 输入文本和字符串 第10章 动态文本 第11章 Math对象 第12章 Color对象 第13章 Date对象 第14章 Sound对象 第15章 实现与服务器...
第章:如何使用ActionScript示例 示例类型 在FlashProfessional中运行ActionScript示例 在FlashBuilder中运行ActionScript示例 在移动设备上运行ActionScript示例 第章:本地数据库中的SQL支持 支持的SQL语法 数据类型...
第6章 Flex皮肤设计 第7章 特效effect和状态state 第8章 Flex与Flash无缝衔接 第9章 综合演练:实现仿Office 2007风格的界面 第3篇 组件高效技法篇 第10章 PopUpManager与ToolTipManager 第11章 Form组件与...