Easeljs -超链接。
从easeljs脚本:如何超链接到另一个网站?例如:当onClickEvent发生时,另一个窗口会打开-在我的例子中,我想发送一个变量,一个ID到另一个页面,并对该ID发出一个请求,以获取更多详细信息。
任何样品都可以。
发布于 2014-05-07 01:19:22

当您单击红色形状时,它将打开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>发布于 2013-01-16 12:44:35
http://www.w3schools.com/jsref/met_win_open.asp
window.open(URL,name,specs,replace);但请注意,如果不遵循用户事件,像这样的弹出/新选项卡可能会被浏览器阻止。您还可以通过jQuery.get或jQuery.ajax等检索详细信息。然后在您的应用程序中直接显示信息。
发布于 2015-04-13 15:39:02
如果你只想重定向到另一个页面,而不是打开一个新的窗口/标签,你也可以使用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 );
}https://stackoverflow.com/questions/14334232
复制相似问题