浮动对象或者图片如何加入超链接？

收藏

如题，加入超链接后点击可以跳转到其他网页。

frank.zhang · frank.zhang

您好，
非常抱歉，Spead JS没有提供原生的接口，支持浮动对象调转的方法。
但是，可以使用addEventListener的方式，自定义实现。可以参考以下代码：

$(document).ready(function() {
var spread = new GcSpread.Sheets.Spread($("#ss").get(0), {
sheetCount: 3
});
initSpread(spread);
var activeSheet = spread.getActiveSheet();
document.addEventListener("mousedown", function (event) {
var spread = $("#ss").data("spread");
var sheet = spread.getActiveSheet();
var hitTestResult = sheet.hitTest(event.clientX, event.clientY);
if (hitTestResult.floatingObjectHitInfo) {
var floatingOjbect = hitTestResult.floatingObjectHitInfo.floatingObject;
event.preventDefault();
event.stopPropagation();
window.location.href='http://gcdn.gcpowertools.com.cn/';
}
}, true);
});
function initSpread(spread) {
var spreadNS = GcSpread.Sheets;
var sheet = spread.getSheet(0);
sheet.isPaintSuspended(true);
var customFloatingObject = new spreadNS.CustomFloatingObject("f0");
customFloatingObject.startRow(1);
customFloatingObject.startColumn(1);
customFloatingObject.endColumn(6);
customFloatingObject.endRow(6);
var div = document.createElement('div');
div.innerHTML = "<span>SpreadJS support CustomFloatingObject.</span><div style='border: 1px dotted red; width: 80%; margin:auto;'><ul><li>I am list one.</li><li>I am list two.</li><li>I am list three.</li></ul></div>";
$(div).css('background', 'gray');
customFloatingObject.Content(div);
sheet.addFloatingObject(customFloatingObject);
sheet.isPaintSuspended(false);
};
</script>

复制代码

figoyu · figoyu

回复 2楼frank.zhang的帖子

谢谢，问题解决

frank.zhang · frank.zhang

您好，问题已经解决，本帖关闭，如有其它问题，请开新帖。

为了给你提供更优质的服务，请对本次服务进行评分。我们会认真对待你提出的宝贵意见，谢谢

		自动登录	找回密码
密码			立即注册

[已处理] 浮动对象或者图片如何加入超链接？