https://www.ivx.cn/customerService/Service/
[{"insert":"\t事件的捕获与冒泡在DOM的事件用法中属于理解难度较高的特性之一。在不熟悉DOM事件的捕获与冒泡的机制情况下，该机制有可能在事件交互中出现与开发者意图相违背的情况。需要了解DOM事件的捕获与冒泡机制及原理，才能灵活运用冒泡达到理想的效果。\n\t \n\t而在ivx所提供的基础组件中，为了保持直观、易用、易理解的特性，降低各类用户，尤其是代码基础相对较弱的用户的使用及理解成本，目前我们会对所提供的DOM组件（如按钮，文本，图片，容器等）在监听事件时，会进行默认的阻止冒泡处理。这样处理的优点在于可以让使用者不需要考虑事件冒泡所带来的意料之外的情况处理。\n\t举个例子：\n\t "},{"insert":{"image":"https://uploader.shimo.im/f/o4C1BdIwxm5Dvxyy.png!thumbnail"}},{"insert":" \n\t在按钮和列组件上均监听了点击事件，可以看到在点击按钮区域时只会console输出“点击了按钮”，只有点击灰色的列区域才会console输出“点击了列”。这就是阻止冒泡后的点击交互表现，不会出现点击按钮时同时冒泡触发列的点击去输出“点击了列”。\n\t体验地址："},{"attributes":{"link":"https://file9ae0127bb8f8.v4.h5sys.cn/play/GDo3Lrre"},"insert":"https://file9ae0127bb8f8.v4.h5sys.cn/play/GDo3Lrre"},{"insert":"\n\n\t那么对于一些需要应用事件冒泡特性的使用场景，在ivx中又应该怎么进行处理呢？\n\n"},{"attributes":{"size":"16px","bold":true},"insert":"\t方案一：采用通用动作组代替冒泡事件"},{"insert":"\n\n\t就一般的使用场景来说，利用事件冒泡进行编程的场景主要目的是在父容器的事件上处理触发一些与触发子对象通用的事件。\n\t比如一个列表的单项中，点击项有聚焦效果，点击项点击项内的编辑按钮可以进行编辑并同时有点击项的聚焦效果。那么此时聚焦效果这一动作属于公用效果。按常规的有冒泡事件的代码开发，将该动作放到列表项这一个父容器上即可。\n\t而在ivx中要实现该效果，则可以把聚焦效果写成可复用的动作组，在编辑按钮的点击事件和列表项的点击事件中均调用该聚焦动作组即可。示例如下：\n\t "},{"insert":{"image":"https://uploader.shimo.im/f/2zyt1RSkqq2alH2m.png!thumbnail"}},{"insert":" \n\t \n\t "},{"insert":{"image":"https://uploader.shimo.im/f/TCDva0913ZiPawF8.png!thumbnail"}},{"insert":" \n\t \n\t "},{"insert":{"image":"https://uploader.shimo.im/f/N63uvrT9dLEeOzlV.png!thumbnail"}},{"insert":" \n \n\t体验地址："},{"attributes":{"link":"https://file9ae0127bb8f8.v4.h5sys.cn/play/Y1X8fGtj"},"insert":"https://file9ae0127bb8f8.v4.h5sys.cn/play/Y1X8fGtj"},{"insert":"\n\n\t"},{"attributes":{"size":"16px","bold":true},"insert":"方案二：编写自定义组件，放开事件冒泡限制"},{"insert":"\n\t \n\t如果有个性化的事件冒泡机制需要，可以由开发者利用自定义组件的高自由度的特点，自行按需编写组件，即可实现事件冒泡或其他基础组件所没有提供的用法。目前自定义组件编辑可在v50.dev.ivx.cn上进行体验。\n\t "},{"insert":{"image":"https://uploader.shimo.im/f/tCqOdRk4ZiB60O68.png!thumbnail"}},{"insert":" \n\t \n\t "},{"insert":{"image":"https://uploader.shimo.im/f/y23RHa0SOIugatOh.png!thumbnail"}},{"insert":" \n\t "},{"insert":{"image":"https://uploader.shimo.im/f/AXuX3osf3oeoaNDL.png!thumbnail"}},{"insert":" \n\t \n\t体验地址："},{"attributes":{"link":"https://file9ae0127bb8f8.v4dev.h5sys.cn/play/awkIipL8"},"insert":"https://file9ae0127bb8f8.v4dev.h5sys.cn/play/awkIipL8"},{"insert":"\n\n\n"}]
事件的捕获与冒泡在DOM的事件用法中属于理解难度较高的特性之一。在不熟悉DOM事件的捕获与冒泡的机制情况下，该机制有可能在事件交互中出现与开发者意图相违背的情况。需要了解DOM事件的捕获与冒泡机制及原理，才能灵活运用冒泡达到理想的效果。 而在ivx所提供的基础组件中，为了保持直观、易用、易理解的特性，降低各类用户，尤其是代码基础相对较弱的用户的使用及理解成本，目前我们会对所提供的DOM组件（如按钮，文本，图片，容器等）在监听事件时，会进行默认的阻止冒泡处理。这样处理的优点在于可以让使用者不需要考虑事件冒泡所带来的意料之外的情况处理。 举个例子： 在按钮和列组件上均监听了点击事件，可以看到在点击按钮区域时只会console输出“点击了按钮”，只有点击灰色的列区域才会console输出“点击了列”。这就是阻止冒泡后的点击交互表现，不会出现点击按钮时同时冒泡触发列的点击去输出“点击了列”。 体验地址：https://file9ae0127bb8f8.v4.h5sys.cn/play/GDo3Lrre 那么对于一些需要应用事件冒泡特性的使用场景，在ivx中又应该怎么进行处理呢？ 方案一：采用通用动作组代替冒泡事件 就一般的使用场景来说，利用事件冒泡进行编程的场景主要目的是在父容器的事件上处理触发一些与触发子对象通用的事件。 比如一个列表的单项中，点击项有聚焦效果，点击项点击项内的编辑按钮可以进行编辑并同时有点击项的聚焦效果。那么此时聚焦效果这一动作属于公用效果。按常规的有冒泡事件的代码开发，将该动作放到列表项这一个父容器上即可。 而在ivx中要实现该效果，则可以把聚焦效果写成可复用的动作组，在编辑按钮的点击事件和列表项的点击事件中均调用该聚焦动作组即可。示例如下： 体验地址：https://file9ae0127bb8f8.v4.h5sys.cn/play/Y1X8fGtj 方案二：编写自定义组件，放开事件冒泡限制 如果有个性化的事件冒泡机制需要，可以由开发者利用自定义组件的高自由度的特点，自行按需编写组件，即可实现事件冒泡或其他基础组件所没有提供的用法。目前自定义组件编辑可在v50.dev.ivx.cn上进行体验。 体验地址：https://file9ae0127bb8f8.v4dev.h5sys.cn/play/awkIipL8
["(8)","(13)","(7)","(25)"]
ivx项目中想实现事件冒泡该怎么办？ 事件的捕获与冒泡在DOM的事件用法中属于理解难度较高的特性之一。在不熟悉DOM事件的捕获与冒泡的机制情况下，该机制有可能在事件交互中出现与开发者意图相违背的情况。需要了解DOM事件的捕获与冒泡机制及原理，才能灵活运用冒泡达到理想的效果。 而在ivx所提供的基础组件中，为了保持直观、易用、易理解的特性，降低各类用户，尤其是代码基础相对较弱的用户的使用及理解成本，目前我们会对所提供的DOM组件（如按钮，文本，图片，容器等）在监听事件时，会进行默认的阻止冒泡处理。这样处理的优点在于可以让使用者不需要考虑事件冒泡所带来的意料之外的情况处理。 举个例子： 在按钮和列组件上均监听了点击事件，可以看到在点击按钮区域时只会console输出“点击了按钮”，只有点击灰色的列区域才会console输出“点击了列”。这就是阻止冒泡后的点击交互表现，不会出现点击按钮时同时冒泡触发列的点击去输出“点击了列”。 体验地址：https://file9ae0127bb8f8.v4.h5sys.cn/play/GDo3Lrre 那么对于一些需要应用事件冒泡特性的使用场景，在ivx中又应该怎么进行处理呢？ 方案一：采用通用动作组代替冒泡事件 就一般的使用场景来说，利用事件冒泡进行编程的场景主要目的是在父容器的事件上处理触发一些与触发子对象通用的事件。 比如一个列表的单项中，点击项有聚焦效果，点击项点击项内的编辑按钮可以进行编辑并同时有点击项的聚焦效果。那么此时聚焦效果这一动作属于公用效果。按常规的有冒泡事件的代码开发，将该动作放到列表项这一个父容器上即可。 而在ivx中要实现该效果，则可以把聚焦效果写成可复用的动作组，在编辑按钮的点击事件和列表项的点击事件中均调用该聚焦动作组即可。示例如下： 体验地址：https://file9ae0127bb8f8.v4.h5sys.cn/play/Y1X8fGtj 方案二：编写自定义组件，放开事件冒泡限制 如果有个性化的事件冒泡机制需要，可以由开发者利用自定义组件的高自由度的特点，自行按需编写组件，即可实现事件冒泡或其他基础组件所没有提供的用法。目前自定义组件编辑可在v50.dev.ivx.cn上进行体验。 体验地址：https://file9ae0127bb8f8.v4dev.h5sys.cn/play/awkIipL8
