找回密码
 立即注册

QQ登录

只需一步，快速开始

首页 › 活字格专区 › 求助中心 › 查看内容
发新帖

wang07164 讲师达人认证 活字格认证

中级会员

36

主题

91

帖子

653

积分

中级会员

积分
653

活字格高级认证活字格认证微信认证勋章讲师达人

最新发帖

[已处理] 鼠标经过时弹出提示框

wang07164 讲师达人认证 活字格认证
中级会员   /  发表于：2021-7-8 18:20  /   查看：5228  /  回复：17
5金币
如下图。

附件: 您需要 登录 才可以下载或查看，没有帐号？立即注册

最佳答案

freya

查看完整内容

在活字格中给页面绑定事件需要使用page的bind方法，可以参考帮助手册的链接如下： https://help.grapecity.com.cn/pages/viewpage.action?pageId=46171738 这里帮你实现了代码入下，复制修改到全局js文件里面即可 这里提供一个已经ok的demo，可以参考试试看~

17 个回复

倒序浏览
最佳答案
最佳答案
freya
葡萄城公司职员   /  发表于：2021-7-8 18:20:50
来自 17#
在活字格中给页面绑定事件需要使用page的bind方法，可以参考帮助手册的链接如下：
https://help.grapecity.com.cn/pages/viewpage.action?pageId=46171738

这里帮你实现了代码入下，复制修改到全局js文件里面即可
  1. let page = Forguncy.Page;
  2. page.bind("loaded", function (arg1, arg2) {
  3.     loadFn();
  4. }, "*");

  6. function loadFn() {
  7.     $(".picture_hover").mouseover(function () {
  8.         alert("我来了");
  9.     })
  10. }
复制代码


这里提供一个已经ok的demo，可以参考试试看~

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？立即注册

x

评分

参与人数 1金币 +5 收起 理由
David.Zhong + 5 很给力！

查看全部评分

回复 使用道具 举报
天朝四周处悬赏达人认证 活字格认证
金牌服务用户   /  发表于：2021-7-8 19:33:18
2#

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？立即注册

x

评分

参与人数 1金币 +5 收起 理由
David.Zhong + 5

查看全部评分

回复 使用道具 举报
David.Zhong讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于：2021-7-8 19:44:52
3#
天朝四周处 发表于 2021-7-8 19:33

感谢楼上大佬的支持，如果有帮助到您，记得设置最佳哦~
或者如果您是想弹出一个类似于alert的弹出框的话，一般可以使用onmouseover事件实现的~
您可以参照一下这篇文章：onmouseover 事件 | 菜鸟教程 (runoob.com)
在onmouseover 事件中调用alert命令就好了
回复 使用道具 举报
wang07164讲师达人认证 活字格认证
中级会员   /  发表于：2021-7-10 09:59:17
4#
天朝四周处 发表于 2021-7-8 19:33

这个知道，不是想要的结果，因为后续需要在JS里处理一些逻辑。不是为了提示用。
回复 使用道具 举报
wang07164讲师达人认证 活字格认证
中级会员   /  发表于：2021-7-10 10:00:54
5#
David.Zhong 发表于 2021-7-8 19:44
感谢楼上大佬的支持，如果有帮助到您，记得设置最佳哦~
或者如果您是想弹出一个类似于alert ...

用了onmouseover做了测试，可是没有取到，JS水平不行。
回复 使用道具 举报
David.Zhong讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于：2021-7-10 10:49:08
6#
wang07164 发表于 2021-7-10 10:00
用了onmouseover做了测试，可是没有取到，JS水平不行。

这样下去不行哈，得学哟~
  1. $(".picture_hover").mouseover(function () {
  2.     alert("我来了");
  3. });
复制代码
1.给图片设置类名；

2.在页面加载时命令中绑定mousehover事件；

工程文件：
参考资料：
.mouseover() | jQuery API Documentation
jQuery (juejin.cn)
ps: 我这也是现学的

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
回复 使用道具 举报
wang07164讲师达人认证 活字格认证
中级会员   /  发表于：2021-7-10 11:20:32
7#
本帖最后由 wang07164 于 2021-7-10 11:21 编辑
David.Zhong 发表于 2021-7-10 10:49
这样下去不行哈，得学哟~1.给图片设置类名；

2.在页面加载时命令中绑定mousehover事件；
一定要努力学习
母版页的图片呢？加了一个全局的JS，好像没有效果。

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
回复 使用道具 举报
David.Zhong讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于：2021-7-10 11:52:13
8#
本帖最后由 David.Zhong 于 2021-7-11 19:01 编辑
wang07164 发表于 2021-7-10 11:20
一定要努力学习
母版页的图片呢？加了一个全局的JS，好像没有效果。

直接写当然不行，全局的JS执行的时候，页面加载还没有完成，找不到对应的元素，所以事件没有加上。
  1. function bindMouseover() {
  2.     $(".picture_hover").mouseover(function () {
  3.         alert("我来了");
  4.     });
  5. }

  7. $(window).load(() => {
  8.     bindMouseover();
  9. });
复制代码
再给你一篇学习资料：js中页面加载完成后执行的几种方式及执行顺序 - 简书 (jianshu.com)
加油~
回复 使用道具 举报
wang07164讲师达人认证 活字格认证
中级会员   /  发表于：2021-7-10 15:14:54
9#
David.Zhong 发表于 2021-7-10 11:52
直接写当然不行，全局的JS执行的时候，页面加载还没有完成，找不到对应的元素，所以事件没有加上。再给你 ...

大神，用您的方法没有实现。
回复 使用道具 举报
下一页 »
12下一页
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册
产品与服务
活字格低代码平台
Wyn 商业智能软件
SpreadJS纯前端表格控件
技术服务体系
技术博客
低代码技术
客户与案例
典型客户
成功案例
用户访谈
合作与生态
合作伙伴网络
葡萄城市场
葡萄城与国产化
活字格用友客开工具
品牌活动
葡萄城公开课
品牌战略发布会
赋能开发者高峰论坛
企业级低代码发展研讨会
企业级低代码应用大赛
表格技术研讨会
了解葡萄城
葡萄城简介
愿景使命
研发与创新
荣誉奖项
加入我们
联系方式
联系我们
400-657-6008

葡萄城社区二维码

关注“葡萄城社区”

赋能开发者

西安葡萄城软件有限公司
专业的软件开发技术和低代码平台提供商

陕ICP备2020018819号  |   陕公网安备：61019002000258  |   隐私政策  |   网站地图  

邮箱： info.xa@grapecity.com  |  © 2024 葡萄城软件，保留所有权利

Archiver| 手机版| 小黑屋|

返回顶部