拓扑视图graphView监听鼠标点击按下等事件：html原生事件监听addEventListener，以及拓扑视图的监听gv.mi()；嵌套图纸反序列化加载后，都默认调用initGVLoadedRu

最新推荐文章于 2024-11-10 21:11:51 发布
原创 最新推荐文章于 2024-11-10 21:11:51 发布 · 337 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ht.js #ht for web #canvas #webgl #组态编辑

这篇博客对比了两种JavaScript事件监听方式：HTML原生事件监听和通过ht.graphView的监听。示例代码中展示了如何使用这两种方式处理`mousedown`事件，并指出GraphView监听能更方便地区分和处理不同图元的点击事件，而原生事件监听在复杂场景下可能更具挑战性。

两种事件监听对比的代码实例：

JavaScript
function initGVLoadedRunning(gv, controlsMovable = false, allowAllPropagation = false) {
    ……
    //监听方式1：html原生事件监听
    const g2dView = gv.getView();
    g2dView.addEventListener('mousedown', function(e) {
        e.stopPropa
最低0.47元/天 解锁文章
solana监听智能合约事件实践
西京刀客
10-03 1920
solana监听合约事件
graphView模拟点击等交互事件派发触发；其他view比如菜单模拟触发其点击等事件；html原生事件监听addEventListener()，ht.ui组件事件监听addViewListener
IOTOS的博客
09-28 375
HT封装的onDataClicked和on**Clicked等事件，都是在mousedown和touchstart时触发， 如果需要监听在mouseup和touchend的放手后事件处理，可通过对html原生的事件进行监听， 应用较多的是在点击图元需要弹开对话框的情况，如果直接在HT封装的on*Clicked事件处理内直接调用弹出对话框之类操作， 会影响HT后续的交互事件处理，所以交互事件内影响界面的功能，可选择监听在mouseup和touchend里面处理， 有些情况下甚至需要再调用ht.Default.
（11）HTML5-鼠标单击事件监听
梧桐下的四叶草
09-01 5426
JavaScript是一种面向对象的程序设计语言，因此语言的基本结构会包含对象（object），方法（method）和数值（value）三个要素，指令如下： 对象：JavaScript中已经声明了多种对象供开发人员调用，方便我们快速处理画面中可能发生的互动需求，常用的对象包括文档（document），窗口（window），变量（var），数学运算（math），字符串（string），图片（pic
DOM事件监听——鼠标事件，键盘事件，表单事件
最新发布
sususugaa的博客
11-10 1328
事件监听指的是程序通过特定的方式设置 “监听器”（也可称为事件处理程序、事件回调函数等），用于检测和响应特定 “事件” 的发生。当所关注的事件在程序运行环境中发生时，相应的监听器函数就会被触发执行，以完成特定的处理任务。
html节点更改及监听函数addEventListener
wulong710的专栏
11-28 570
addEventListener监听的事件参见：https://www.runoob.com/jsref/dom-obj-event.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>测试调试</title> </head> <body> <a href="https://www.w3sc.
html鼠标滚轮监听,javascript监听鼠标滚轮事件浅析
weixin_35374026的博客
06-04 1407
我们都见到过这些效果，用鼠标滚轮实现某个表单内的数字增加减少操作，或者滚轮控制某个按钮的左右，上下滚动。这些都是通过js对鼠标滚轮的事件监听来实现的。今天这里介绍的是一点简单的js对于鼠标滚轮事件的监听。不同浏览器不同的事件首先，不同的浏览器有不同的滚轮事件。主要是有两种，onmousewheel(firefox不支持)和DOMMouseScroll(只有firefox支持)，关于这两个事件这里不...
html学习 - javascript事件监听以及addEventListener参数分析
累了就歇一会
02-15 7667
事件监听 在Javascript中事件的监听是用来对某些操作做出反应的方法。例如监听一个按钮的pressdown, 或者获取鼠标左键按下时候鼠标的位置。这些都需要使用监听来完成。监听的函数很简单：addEventListener. 这里解释一下一个网页的嵌套关系：最外层：window 包含：document 包含：html 包含: body 包含：div等等... addEventL
jquery监听鼠标滚轮事件+js监听滚轮事件
03-30
本篇将详细介绍如何使用jQuery和原生JavaScript实现鼠标滚轮事件的监听。 一、jQuery监听鼠标滚轮事件 jQuery库提供了一种简洁的方式来处理DOM元素上的事件，包括滚轮事件。要监听滚轮事件，可以使用`$(element)....
JavaScript事件监听之事件流(捕获阶段实现 + 阻止事件流传播 + 阻止元素默认行为、mouse鼠标事件、事件委托)
Bulut0907
05-27 1281
如果addEventListener的第三个参数都是false(默认)，则点击紫色的小盒子，先弹出我是儿子，再弹出我是爸爸，最后弹出我是爷爷。可以选择不在冒泡阶段触发事件，而在捕获阶段触发事件。，是否在捕获阶段触发事件默认为false。点击紫色的小盒子，先弹出我是爷爷，再弹出我是爸爸，最后弹出我是儿子。所以将所有的事件监听，都委托给元素的父亲进行监听，就是事件委托。ul绑定点击事件，当点击其中一个li的时候，默认会。获取到点击的这个li，对这个li的样式进行改变。触发ul的点击事件。来阻止元素的默认行为。
jQuery与JavaScript监听鼠标滚轮事件实现方案
本文将围绕标题“jquery监听鼠标滚轮事件+js监听滚轮事件”以及描述中提到的“已测试ie8、火狐、360浏览器”，结合标签中的关键词如“鼠标滚轮事件”、“jQuery”、“JavaScript”、“事件监听”、“mousewheel”、...
QGraphicsView QGraphics 窗口自适应
09-25
绘制或导入的QGraphicsItem可能会很大或很小，我们想要根据现实窗口的大小自适应显示item，基于个人对QGraphics Scene、Graphics Item、Graphics View关系[^1]的理解，发现一种方法使用可以解决需求。
Graphviz的使用指南
皮埃尔的博客
01-23 2万+
Graphviz的使用
g6学习笔记三(Graph）
vue6214的博客
02-23 5811
Graph 是 G6 图表的载体,有的 G6 节点实例操作以及事件，行为监听都在 Graph 实例上进行。Graph 的初始化通过 new 进行实例化，实例化时需要传入需要的参数。
【Canvas】在HTML画布上监听鼠标点击或触摸事件
落叶随风将要去远方，看沿途的风景回忆一场...
04-17 3938
在做h5 canvas的时候需要注意一点,html网页上用canvas组件在不同平台上交互有时候会失效,需要做兼容处理,那是因为在手机浏览器上的不是鼠标点击,就是屏幕触摸事件.
html5中鼠标事件监听,html5中的鼠标事件
weixin_42112894的博客
06-04 1450
1.html5的鼠标事件，常见的鼠标事件有：onclick 当单击鼠标时运行脚本ondblclick 当双击鼠标时运行脚本ondrag 当拖动元素时运行脚本ondragend 当拖动操作结束时运行脚本ondragenter 当元素被拖动至有效的拖放目标时运行脚本ondragleave 当元素离开有效拖放目标时运行脚本on...
addEventListener() 事件监听方法
大老虎Picky的博客
08-03 2604
addEventListener() 用于向指定元素添加事件。  可以向一个元素添加多次事件或者多次不同事件，后面的事件是不会覆盖前面的。  语法：  element.addEventListener(event,fn,useCaption );  参数说明：event，比如 click mouseenter mouseleave  fn 回调函数  useCaption 用于描述是冒泡还是捕获。...
Cocos2dx v3.10 pageview addeventlistener不起作用
一个字
06-07 1638
解决方案：https://github.com/cocos2d/cocos2d-x/pull/14964/files 越来越不喜欢cocos了，到处是坑，升级就升级吧，把原来的功能都删没了！！！本应该是有替换的方法呀，哎！！！！
扫盲-----addEventlistener()方法，事件监听(一)
热门推荐
yangchunshang的博客
06-04 5万+
一、扫盲事件起因    时间：2018年6月1日周五下午，原本我以为我已经把当前的bug改好，应该没啥问题了，坐等下班公司聚餐（开心）突然，隔壁同组大哥，哎。。。。cp,你看看，你这个首页报了很多错哎。我的第一反应就是，不可能，怎么会有错误呢，我明明都自己测过好几次了。我一看，我去，果然。。。。首页报的错误都是在我写的组件里面出现的同一个错误。我的天。。。。。当页面缩放时，渲染页面提示,某方法不存...
addEventListener和on的区别
sinat_29646859的博客
03-31 391
为什么需要addEventListener？ 先来看一个片段： html代码 <div id="box">追梦子</div> 用on的代码
Flash AC3.0鼠标监听事件详解与实例
鼠标监听事件是事件监听的一种，它可以用来捕捉用户在Flash界面中的鼠标移动、点击、双击、右键点击等动作。了解如何在Flash AC3.0中创建和管理鼠标监听事件对于开发交互式应用至关重要。 ### 知识点三：创建和使用...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

IOTOS

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值