首页 > 其他分享 >Cocos RichText的on事件监听

Cocos RichText的on事件监听

时间:2023-12-08 21:44:07浏览次数:39  
标签:Cocos cc ts RichText 点击 监听 buff

参考:

cocos官方-RichText组件

 

一 RichText点击事件用途

1. 可以用于当游戏中技能描述里有buff,点击buff会弹出buff的详情框。

2. 用于点击聊天消息里的高亮装备文字,会弹出装备详情。

 

二 使用方法

在richtext的string属性中输入如下,其中click表示回调函数,param表示传入参数。

20%概率造成<color=#ff0000 click='handler' param='1001'>[燃烧]</c>效果

 

新建一个类RichText.ts ,写好handler回调函数

export default class RichText extends cc.Component {
    handler(e: cc.Event.EventTouch, data) {
        console.log(e, data);
    }
}

 

将RichText.ts绑定到richText组件上

 

运行项目,点击燃烧

 

浏览器输出点击事件EventTouch和param参数

如果不需要设置颜色color, 也可以使用on来监听。

<on click='handler'>[燃烧]</on>

  

 

标签:Cocos,cc,ts,RichText,点击,监听,buff
From: https://www.cnblogs.com/gamedaybyday/p/17889112.html

相关文章

  • springboot监听器&拦截器【转】
    1.监听器https://www.cnblogs.com/elnimo/p/15641367.htmlCommandLineRunnerhttps://blog.csdn.net/qq_34531925/article/details/82527066https://www.cnblogs.com/yanxiaoguo/p/16167221.html2.拦截器https://blog.csdn.net/qq_50652600/article/details/127250413......
  • 如何监听localStorage中的值的变化?
    场景:layout页顶部navar组件中展示用户名称,在修改用户名并关闭弹框后,navar组件中的name不能及时更新,需要手动刷新。如下: 1、在utils中写个方法watchStroage.js。对localStorage.setItem进行重新改造 2、在main.js中引入这个方法并使用importwatchStroagefrom'./utils/wat......
  • js 监听回车按键,keyCode已经废弃
    window.addEventListener("keydown",enterUp);//点击回车键登录constenterUp=(e:any)=>{console.log("inenterup:",e);if(e.keyCode==13||e.keyCode==100){submitForm();}};监听回车,为什么keycode会自增使用了keyCode属性来获取按键的键码,但是需要注意......
  • 创建 HTTP 服务器监听端口的方法
    Node.js创建HTTP服务器监听端口的方法一、使用http模块创建服务器Node.js内置了http模块,通过它我们可以轻松创建一个HTTP服务器。下面是一个简单的例子:consthttp=require('http');constserver=http.createServer((req,res)=>{//处理请求逻辑r......
  • vue3页面中,两个相同组件,一个卸载,一个挂载,后展示的组件事件监听不生效?
    场景:在实际开发中,遇到了这样一种场景,vue3页面,两个相同组件,在满足某条件下展示第一个组件,满足另一个条件下,隐藏第一个组件,同时展示第二个组件,比如反馈组件,会通过window.addEventListener来监听自定义的反馈弹窗展示和隐藏事件。结果:两个相同组件一个卸载,一个挂载,第一个组监听的......
  • 2023-11-30 记录实用小案例 —— react监听页面返回时执行事件
    useEffect(()=>{consthandlePageBack=()=>{//此处写你想要触发的事件};//监听浏览器的popstate事件,即页面返回事件window.addEventListener('popstate',handlePageBack);//在组件卸载时移除事件监听return()=>{......
  • javaswing控件以及事件监听器
    package百度翻译实验;importjava.text.SimpleDateFormat;importjava.util.Date;importjavax.swing.JButton;importjavax.swing.JFrame;importjavax.swing.JLabel;importjavax.swing.JPanel;importjavax.swing.JTextField;publicclassframeextendsJFrame......
  • 前端歌谣的刷题之路-第一百零五题-监听对象
     前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷本题目源自于牛客网微信公众号前端小歌谣题目......
  • Flutter 利用路由监听页面的展示与否
    1、新建routeObser.dart文件:import'package:flutter/material.dart';classAppRouteObserver{//这是实际上的路由监听器staticfinalRouteObserver<ModalRoute<void>>_routeObserver=RouteObserver<ModalRoute<void>>();//这是个单例......
  • vue中的watch监听器
    方法一:当监听某一属性的变化时,建议直接使用函数写法constvm=newVue({el:'#app',data:{username:''},watch:{username(newVal,oldVal){console.log(newVal,oldVal)}}}) 方法二:当页面初始化需要监听一......