找回密码
 立即注册

QQ登录

只需一步，快速开始

首页 › SpreadJS & GcExcel专区 › 求助中心 › 查看内容
发新帖

中智达-

注册会员

7

主题

42

帖子

141

积分

注册会员

积分
141
最新发帖

[已处理] iframe鼠标移动问题

中智达-
注册会员   /  发表于：2024-1-12 14:33  /   查看：3094  /  回复：11
我如何在iframe内监听鼠标抬起事件然后把滚动条的事件禁止掉

11 个回复

倒序浏览
中智达-
注册会员   /  发表于：2024-1-12 14:51:37
沙发
或者监听一下那个滚动条的滚动 假如这时候鼠标不是mousedown状态 就不让它滚动
回复 使用道具 举报
Richard.HuangSpreadJS 开发认证
超级版主   /  发表于：2024-1-12 15:33:19
板凳
中智达- 发表于 2024-1-12 14:51
或者监听一下那个滚动条的滚动 假如这时候鼠标不是mousedown状态 就不让它滚动

您好，您可以通过监听TopRowChanged事件来禁止滚动：
  1. // 禁止滚动
  2. var toprow = sheet.getViewportTopRow(1);
  3. sheet.bind(GC.Spread.Sheets.Events.TopRowChanged, function (sender, args) {
  4.     sheet.showRow(toprow);
  5. });

  7. // 解除禁止滚动
  8. sheet.unbind(GC.Spread.Sheets.Events.TopRowChanged);
复制代码
回复 使用道具 举报
中智达-
注册会员   /  发表于：2024-1-12 15:43:53
地板
Richard.Huang 发表于 2024-1-12 15:33
您好，您可以通过监听TopRowChanged事件来禁止滚动：

你这个是禁止的纵向   我希望禁止横向滚动
回复 使用道具 举报
Richard.HuangSpreadJS 开发认证
超级版主   /  发表于：2024-1-12 16:10:07
5#
中智达- 发表于 2024-1-12 15:43
你这个是禁止的纵向   我希望禁止横向滚动

同理，只要将getViewportTopRow改成getViewportLeftColumn、将TopRowChanged改成LeftColumnChanged即可
  1. // 禁止滚动
  2. var letcol = sheet.getViewportLeftColumn(1);
  3. sheet.bind(GC.Spread.Sheets.Events.LeftColumnChanged, function (sender, args) {
  4.     sheet.showColumn(letcol);
  5. });

  7. // 解除禁止滚动
  8. sheet.unbind(GC.Spread.Sheets.Events.LeftColumnChanged);
复制代码
回复 使用道具 举报
中智达-
注册会员   /  发表于：2024-1-12 16:16:31
6#
Richard.Huang 发表于 2024-1-12 16:10
同理，只要将getViewportTopRow改成getViewportLeftColumn、将TopRowChanged改成LeftColumnChanged即可

能不能获取点击到得是横向滚动条事件
回复 使用道具 举报
Richard.HuangSpreadJS 开发认证
超级版主   /  发表于：2024-1-12 17:54:04
7#
中智达- 发表于 2024-1-12 16:16
能不能获取点击到得是横向滚动条事件

SpreadJS没有专门的原生事件去监听滚动条的相关操作，但是滚动条是一个dom元素，您可以使用一些dom元素的事件监听来实现您的需求： image.png699688720.png
回复 使用道具 举报
中智达-
注册会员   /  发表于：2024-1-12 17:59:12
8#
Richard.Huang 发表于 2024-1-12 17:54
SpreadJS没有专门的原生事件去监听滚动条的相关操作，但是滚动条是一个dom元素，您可以使用一些dom元素的 ...

我现在实现了滚动条不动，但是表格内容还是会动。有什么办法或者api可以禁止整体表格区域不动吗，谢谢
回复 使用道具 举报
Richard.HuangSpreadJS 开发认证
超级版主   /  发表于：2024-1-12 18:06:57
9#
中智达- 发表于 2024-1-12 17:59
我现在实现了滚动条不动，但是表格内容还是会动。有什么办法或者api可以禁止整体表格区域不动吗，谢谢

您好，就是设置了上面的代码后可以实现滚动条和表格区域都无法移动，附件是使用上述方法实现的的一个demo，您可以参考一下。
您目前是出现了表格区域也会移动的情况吗，建议您提供一份可以让我们复现的demo，方便我们更好地为您解决问题

禁止滚动条移动.html

3.21 KB, 下载次数: 283
回复 使用道具 举报
中智达-
注册会员   /  发表于：2024-1-13 14:33:22
10#
Richard.Huang 发表于 2024-1-12 18:06
您好，就是设置了上面的代码后可以实现滚动条和表格区域都无法移动，附件是使用上述方法实现的的一个demo ...

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

葡萄城社区二维码

关注“葡萄城社区”

赋能开发者

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

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

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

Archiver| 手机版| 小黑屋|

返回顶部