首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >easeljs超链接

easeljs超链接
EN

Stack Overflow用户
提问于 2013-01-15 17:04:29
回答 3查看 1.4K关注 0票数 0

Easeljs -超链接。

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

任何样品都可以。

EN

回答 3

Stack Overflow用户

发布于 2014-05-07 01:19:22

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

代码语言:javascript
复制
    <!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>
票数 1
EN

Stack Overflow用户

发布于 2013-01-16 12:44:35

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

代码语言:javascript
复制
window.open(URL,name,specs,replace);

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

票数 0
EN

Stack Overflow用户

发布于 2015-04-13 15:39:02

如果你只想重定向到另一个页面,而不是打开一个新的窗口/标签,你也可以使用window.location。例如:

代码语言:javascript
复制
var id = 0 //the variable you want to pass;

shape.addEventListener("click", gotoURL);

function gotoURL(){
  location.assign( 'http://yoursite.com/search?id='+id );
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14334232

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档