onclick使用javascript创建js文本框_Javascript_Html

onclick使用javascript创建js文本框

javascript html

onclick使用javascript创建js文本框,javascript,html,Javascript,Html,我使用CreateJS将flash文件转换为html5，但ActionScript不起作用，我想向文本框ans_txt1和ans_txt添加值。文本应该集中在点击上。。代码是怎么写的 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>CreateJS export from E313ST01MT01_Comparison_Near_farther_activity&

我使用CreateJS将flash文件转换为html5，但ActionScript不起作用，我想向文本框ans_txt1和ans_txt添加值。文本应该集中在点击上。。代码是怎么写的

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CreateJS export from 
E313ST01MT01_Comparison_Near_farther_activity</title>  
<script src="http://code.createjs.com/easeljs-0.6.0.min.js"></script>
<script src="http://code.createjs.com/tweenjs-0.4.0.min.js"></script>
<script src="http://code.createjs.com/movieclip-0.6.0.min.js"></script>    
<script src="http://code.createjs.com/preloadjs-0.3.0.min.js"></script>    
<script src="http://code.createjs.com/soundjs-0.4.0.min.js"></script>    
<script src="../../Copy of wt/E313ST01MT01_Comparison_Near_farther_activity.js"></script>    
<script>    
(function (lib, img, cjs) {    
var p; // shortcut to reference prototypes    
var rect; // used to reference frame bounds    
// stage content:    
(lib.E313ST01MT01_Comparison_Near_farther_activity = function(mode,startPosition,loop) {
    this.initialize(mode,startPosition,loop,{});

    // top-gui

    this.instance = new lib.topguiA();

    this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.instance}]}).wait(164));

    // btns

    this.pre_btn = new lib.pre45();
    this.pre_btn.setTransform(654.5,490.4,0.662,0.662);

    this.pre_btn.shadow = new cjs.Shadow("#000000",0,0,5);

    new cjs.ButtonHelper(this.pre_btn, 0, 1, 2, false, new lib.pre45(), 3);


    this.next_btn = new lib.next45();

    this.next_btn.setTransform(676.6,461.8,0.662,0.662);
    this.next_btn.shadow = new cjs.Shadow("#000000",0,0,5);

    new cjs.ButtonHelper(this.next_btn, 0, 1, 2, false, new lib.next45(), 3);


    this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.next_btn},
{t:this.pre_btn}]}).wait(164));

    // wrong dis
    this.dis2_mc = new lib.S4555x();
    this.dis2_mc.setTransform(412.4,418.3,0.77,1.001,0,0,0,-28.2,33.5);

    this.dis1_mc = new lib._4985x();

    this.dis1_mc.setTransform(242,319.4,0.77,1.001,0,0,0,-28.2,33.5);

    this.timeline.addTween(cjs.Tween.get({}).to({state:[]}).to({state:[{t:this.dis1_mc},{t:this.dis2_mc}]},160).wait(4));

    // wrong
    this.wr2_mc = new lib.wrong();

    this.wr2_mc.setTransform(413.2,381.1,2.21,2.214,0,0,0,15.8,11.1);

    this.wr1_mc = new lib.wrong();

    this.wr1_mc.setTransform(243.7,276.9,2.21,2.214,0,0,0,15.8,11.1);

    this.timeline.addTween(cjs.Tween.get({}).to({state:[]}).to({state:[{t:this.wr1_mc},{t:this.wr2_mc}]},160).wait(4));

    // side mc

    this.sd_mc = new lib.gg();

    this.sd_mc.setTransform(875,122);
    this.sd_mc._off = true;

    this.timeline.addTween(cjs.Tween.get(this.sd_mc).wait(160).to({_off:false},0).wait(4));

    // ansfields

    this.ans2_txt = new cjs.Text("", "bold 35px TektonPro-Bold", "#FFFFFF");

    this.ans2_txt.textAlign = "center";

    this.ans2_txt.lineHeight = 37;

    this.ans2_txt.lineWidth = 39;

    this.ans2_txt.setTransform(411.1,357.9);


    this.ans1_txt = new cjs.Text("", "bold 35px TektonPro-Bold", "#FFFFFF");

    this.ans1_txt.textAlign = "center";

    this.ans1_txt.lineHeight = 37;

    this.ans1_txt.lineWidth = 36;

    this.ans1_txt.setTransform(241.6,253.7);

    this.ans1_txt.id= 2;

    this.ans1_txt.mouseEnabled="true";

    this.ans1_txt.onclick="focus()"

// Layer 13

    this.an_mc = new lib.welldoneg();

    this.an_mc.setTransform(84.1,361.1,0.763,0.763,0,0,180,305.9,133.4);

    this.an_mc._off = true;


    this.timeline.addTween(cjs.Tween.get(this.an_mc).wait(40).to({_off:false},0).wait(1));


CreateJS从导出
E313ST01MT01_比较_近_远_活动
（功能（lib、img、cjs）{
var p；//引用原型的快捷方式
var rect；//用于参考帧边界
//舞台内容：
（lib.E313ST01MT01_比较_近距离_远距离_活动=功能（模式、起始位置、循环）{
初始化（模式，起始位置，循环，{}）；
//顶级图形用户界面
this.instance=new lib.topguiA（）；
this.timeline.addTween（cjs.Tween.get（{}）.to（{state:[{t:this.instance}]}）.wait（164））；
//基站
this.pre_btn=new lib.pre45（）；
这个.pre_btn.setTransform（654.5490.4,0.662,0.662）；
this.pre_btn.shadow=新的cjs.shadow（“#000000”，0,0,5）；
新的cjs.ButtonHelper（this.pre_btn，0,1,2，false，new lib.pre45（），3）；
this.next_btn=new lib.next45（）；
这个.next_btn.setTransform（676.6461.8,0.662,0.662）；
this.next_btn.shadow=新的cjs.shadow（“#000000”，0,0,5）；
新的cjs.ButtonHelper（this.next_btn，0，1，2，false，new lib.next45（），3）；
this.timeline.addTween（cjs.Tween.get（{}）.to（{state:[{t:this.next_btn}），
{t:this.pre_btn}]}）；
//错误的dis
this.dis2_mc=new lib.S4555x（）；
这个.dis2_mc.setTransform（412.4418.3,0.77,1.001,0,0,0，-28.2,33.5）；
this.dis1_mc=new lib._4985x（）；
这个.dis1_mc.setTransform（242319.4,0.77,1.001,0,0,0，-28.2,33.5）；
this.timeline.addTween（cjs.Tween.get（{}）.to（{state:[]}）.to（{state:[{t:this.dis1_-mc}，{t:this.dis2_-mc}]}，160）；
//错
this.wr2_mc=新库错误（）；
这个.wr2_mc.setTransform（413.2381.1,2.21,2.214,0,0,15.8,11.1）；
this.wr1_mc=新库错误（）；
这个.wr1_mc.setTransform（243.7276.9,2.21,2.214,0,0,15.8,11.1）；
this.timeline.addTween（cjs.Tween.get（{}）.to（{state:[]}）.to（{state:[{t:this.wr1_-mc}，{t:this.wr2_-mc}]}，160）；
//侧mc
this.sd_mc=new lib.gg（）；
这个.sd_mc.setTransform（875122）；
这个.sd\u mc.\u off=true；
this.timeline.addTween（cjs.Tween.get（this.sd_mc）.wait（160）.to（{u off:false}，0）.wait（4））；
//安斯菲尔德
this.ans2_txt=新的cjs.Text（“，“bold 35px TektonPro bold”，“#FFFFFF”）；
this.ans2_txt.textAlign=“center”；
this.ans2_txt.lineHeight=37；
this.ans2_txt.lineWidth=39；
这个.ans2_txt.setTransform（411.1357.9）；
this.ans1_txt=新的cjs.Text（“，“bold 35px TektonPro bold”，“#FFFFFF”）；
this.ans1_txt.textAlign=“center”；
this.ans1_txt.lineHeight=37；
this.ans1_txt.lineWidth=36；
这个.ans1_txt.setTransform（241.6253.7）；
this.ans1_txt.id=2；
this.ans1_txt.mouseEnabled=“true”；
这个.ans1_txt.onclick=“focus（）”
//第13层
this.an_mc=new lib.welldong（）；
这个.an_mc.setTransform（84.1361.1,0.763,0.763,0,0180305.9133.4）；
这个.an_mc._off=true；
this.timeline.addTween（cjs.Tween.get（this.an_-mc）.wait（40）.to（{u-off:false}，0）.wait（1））；

我想你是在问如何制作可编辑文本，即在Adobe Animate中输入文本

这在HTML5输出或CreateJS中不受支持。在画布上输入文本是一件非常困难的事情，并且支持非常有限，因为画布本身的文本实现非常差

您可以使用HTML输入元素和添加您自己的支持，这使您可以在阶段顶部添加HTML内容，但将其视为阶段的子级

如果您只想更改文本实例的文本，则非常简单：

exportRoot.ans1_txt.text = "New Text";

在单击时执行此操作将不起作用，因为您没有初始文本值，因此舞台上没有可单击的内容

希望这会有所帮助。您也可以查看一下，它运行在CreateJS上，我相信它有一个可编辑的文本控件。但不确定它与Animate的配合情况。

寻求调试帮助的问题（“为什么这段代码不起作用？”）必须包括所需的行为、特定的问题或错误以及在问题本身中重现该问题所需的最短代码。没有明确问题说明的问题对其他读者无效。请参阅：。