0

Easeljs - 超链接。

使用easeljs 脚本：如何超链接到另一个网站？例如：当一个onClickEvent事件发生时，另一个窗口会打开——在我的例子中，我想将一个变量、一个 ID 发送到另一个页面，并在 ID 上发送一个 SQL 请求以获取更多详细信息。

任何样品都会很棒。

4

3 回答 3

1

在此处输入图像描述

当您单击红色形状时，它将打开 google.com。您可以像这样添加任何画架对象的超链接。

    <!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>
于 2014-05-06T17:19:22.107 回答
0

http://www.w3schools.com/jsref/met_win_open.asp

window.open(URL,name,specs,replace);

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

于 2013-01-16T04:44:34.930 回答
0

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

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

shape.addEventListener("click", gotoURL);

function gotoURL(){
  location.assign( 'http://yoursite.com/search?id='+id );
}
于 2015-04-13T07:39:01.727 回答