Tencent / tdesign-miniprogram

A Wechat MiniProgram UI components lib for TDesign.
https://tdesign.tencent.com/miniprogram
MIT License
1.24k stars 280 forks source link

[t-input] clearable + clear-trigger="focus"在点击清空按钮时,blur事件和clear事件发生顺序反转了 #3299

Open PremierLao opened 1 week ago

PremierLao commented 1 week ago

tdesign-miniprogram 版本

1.8.0

重现链接

No response

重现步骤

<t-input placeholder="请输入" type="number" clearable clear-trigger="focus" bind:blur="onBlur" bind:clear="onClear"

function onBlur(){ console.log('blur发生了') } function onClear(){ console.log('clear发生了') } 输入框中输入字符,点击清空按钮,打印的是:blur发生了 此时再点击外部失焦,打印:clear发生了

期望结果

clear发生了

实际结果

blur发生了

基础库版本

No response

补充说明

<t-input placeholder="请输入" type="number" clearable clear-trigger="focus" bind:blur="onBlur" bind:clear="onClear"

function onBlur(){ console.log('blur发生了') } function onClear(){ console.log('clear发生了') } 输入框中输入字符,点击清空按钮,打印的是:blur发生了 此时再点击外部失焦,打印:clear发生了

github-actions[bot] commented 1 week ago

👋 @PremierLao,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

anlyyao commented 5 days ago

@PremierLao 我这边在模拟器和真机上测试,两个事件都按预期触发了。 方便在提供一下录屏、真机型号吗?

PremierLao commented 3 days ago

https://github.com/user-attachments/assets/94560044-33c3-4580-bf7e-bb27fdc170cb

PremierLao commented 3 days ago

@PremierLao 我这边在模拟器和真机上测试,两个事件都按预期触发了。 方便在提供一下录屏、真机型号吗?

视频已上传