You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

PyScript中color input触发时机问题:如何绑定oninput/onchange到py-click?

解决方案

你可以直接在颜色输入框上使用PyScript的py-on:前缀绑定原生的input和change事件,替代py-click,这样就能实现选择颜色时(实时触发)和关闭选择器时(确认选择后触发)都调用你的Python函数。

修改后的颜色输入框代码如下:

<input type="color" id="main-color" name="head" value="#15347d"
       py-on:input="generate_color_schemes(False)"
       py-on:change="generate_color_schemes(False)">

说明

  • py-on:input:当用户在颜色选择器中实时调整颜色(比如拖动滑块、点击调色板)时,会立即触发事件并调用指定的Python函数。
  • py-on:change:当用户关闭颜色选择器(点击外部确认选择)时,会触发事件,确保最后选定的颜色也能触发函数。

修改后无需依赖按钮,颜色选择的两种场景都会自动调用generate_color_schemes(False),原有的按钮也可以保留作为手动触发的备选。

内容的提问来源于stack exchange,提问作者Neon22

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.20 00:53:28