Javascript easeljs超链接_Javascript_Dom Events_Easeljs

Javascript easeljs超链接

javascript

Javascript easeljs超链接,javascript,dom-events,easeljs,Javascript,Dom Events,Easeljs,Easeljs-超链接出自一个easeljs脚本：我怎样才能超链接到另一个网站？例如：当一个onClickEvent发生时，另一个窗口将打开——在我的例子中，我想发送一个变量，一个ID到另一个页面，该ID上有一个SQL请求以获取更多详细信息任何样品都很好。但请注意，如果不遵循用户事件，浏览器可能会阻止此类弹出窗口/新选项卡。您还可以通过jQuery.get或jQuery.ajax等检索详细信息。。然后直接在应用程序中显示信息。当你点击红色形状时，它会打开google.com。您可以像这

Easeljs-超链接

出自一个easeljs脚本：我怎样才能超链接到另一个网站？例如：当一个

onClickEvent

发生时，另一个窗口将打开——在我的例子中，我想发送一个变量，一个ID到另一个页面，该ID上有一个SQL请求以获取更多详细信息

任何样品都很好。

但请注意，如果不遵循用户事件，浏览器可能会阻止此类弹出窗口/新选项卡。您还可以通过jQuery.get或jQuery.ajax等检索详细信息。。然后直接在应用程序中显示信息。

当你点击红色形状时，它会打开google.com。您可以像这样在任何easeljs对象中添加超链接

    <!DOCTYPE HTML>
<html>
<head>
<title></title>

<style>
    #myCanvas{
        background-color:#CCC;
    }
</style>

<script src="easeljs-0.7.1.min.js"></script>
<script src="jquery-1.7.2.min.js"></script>
<script>
var canvas, stage;
$().ready(function(e) {
    canvas = document.getElementById("myCanvas");
    stage = new createjs.Stage(canvas);
    var shape = new createjs.Shape();
    shape.graphics.beginFill("#ff0000").drawRect(0, 0, 100, 100);
    stage.addChild(shape);
    shape.x = 200, shape.y = 100;
    shape.addEventListener("click", goURL, false);
    stage.update();

});
function goURL(){
    window.open("http://google.com");
    }
</script>


</head>
<body onload="init()">
<canvas id="myCanvas" width="500" height="400">

</canvas>
</body>
</html>


#我的画布{
背景色：#CCC；
}
油画、舞台；
$（）.ready（功能（e）{
canvas=document.getElementById（“myCanvas”）；
stage=newcreatejs.stage（画布）；
var shape=new createjs.shape（）；
shape.graphics.beginll（“#ff0000”）.drawRect（0,0,100,100）；
阶段。添加儿童（形状）；
形状x=200，形状y=100；
shape.addEventListener（“单击”，goul，false）；
stage.update（）；
});
函数goul（）{
窗口打开（“http://google.com");
}

如果您只想重定向到另一个页面而不想打开新窗口/选项卡，也可以使用。例如：

var id = 0 //the variable you want to pass;

shape.addEventListener("click", gotoURL);

function gotoURL(){
  location.assign( 'http://yoursite.com/search?id='+id );
}

var id = 0 //the variable you want to pass;

shape.addEventListener("click", gotoURL);

function gotoURL(){
  location.assign( 'http://yoursite.com/search?id='+id );
}