求问大家：不想使用水印，如何用JS实现控件的浮动tip效果？

求问大家：不想使用水印，如何用JS实现参数面板控件（如文本框）的浮动tip效果（类似截图的效果）？谢谢朋友们！

FineReport alu 发布于 2020-12-1 17:53 （编辑于 2020-12-2 13:16）

1min目标场景问卷

立即参与

回答问题关注问题

悬赏：3 F币 + 添加悬赏

提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知

共2回答

最佳回答

krystal033Lv7高级互助
发布于2020-12-2 12:48（编辑于 2020-12-2 13:17）

https://help.fanruan.com/finereport/doc-view-3591.html?source=1 JS实现对控件点击显示或悬浮显示自定义内容

举报收起评论(5)

alu(提问者) 谢谢回复！我是想知道如何实现参数面板控件（如文本框）的提示，不是单元格

2020-12-02 13:14

krystal033 回复 alu(提问者) https://help.fanruan.com/finereport/doc-view-3591.html?source=1 那用这个

2020-12-02 13:17

alu(提问者) 非常棒！按照这个帖子功能已实现

2020-12-02 16:40

alu(提问者) 非常棒！按照这个帖子功能已实现

2020-12-02 16:40

krystal033 回复 alu(提问者) 那就采纳一下呀

2020-12-02 16:45

luojian0323Lv7资深互助
发布于2020-12-1 18:01（编辑于 2020-12-2 15:23）

这是其中一种，如果想好看，要写js

-------------------------------------------------------------------------------

tip.css

tip.js

准备上面两个文件到 webapps\webroot\help\css 目录下

然后加载文件:

然后在分页预览，或者其他预览下添加加载结束事件：

$('.fr-trigger-texteditor').mouseover(function(){//下拉框的class名，下拉框对应的calss名有好几个，你选择一个。
var tip = new Tip();
        tip.init({
            trigger: '.fr-trigger-texteditor',
            width:100,
            triggerEvent:'hover',
            content: 'loading...',
            ajax: function() {
                var dtd = $.Deferred(); // 新建一个deferred对象
                var wait = function(dtd) {
                    var tasks = function() {
                        console.log("执行完毕！");
                        dtd.resolve("下拉框提示信息"); // 改变deferred对象的执行状态
                    };
                    setTimeout(tasks, 1000);
                    return dtd;
                };
                wait(dtd);
                return dtd;
            }
        });
});