首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >html5颜色输入元素的事件处理程序

html5颜色输入元素的事件处理程序
EN

Stack Overflow用户
提问于 2012-12-11 01:03:48
回答 3查看 16.3K关注 0票数 19

在Chrome中使用新的颜色“input=”元素会触发一个新的弹出对话框:

我想知道是否有一个事件处理程序在此预览窗口中的值发生更改时立即触发,而不仅仅是在单击"OK“之后触发

代码语言:javascript
复制
jQuery('#colorinput').on('change', function() { // fires only after clicking OK
    jQuery('#main').css('background-color', jQuery(this).val()); 
 });​

请参阅http://jsfiddle.net/Riesling/PEGS4/

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2014-09-04 01:20:58

你要找的是input event

你的modified fiddle现在应该可以在所有(像样的)浏览器中工作了:

代码语言:javascript
复制
$('#colorinput').on('input', function() { ... } )
票数 17
EN

Stack Overflow用户

发布于 2014-09-04 01:34:58

你真的想要每个HTML规范的输入事件。没有什么可以保证在输入元素失去焦点之前触发的更改事件。

只要用户修改了控件的数据,就会触发输入事件。当提交值时,如果对控件有意义,或者当控件失去焦点时,就会触发change事件。

票数 1
EN

Stack Overflow用户

发布于 2013-01-17 19:07:52

要获取颜色输入的值,应使用w3school中提供的事件属性onchange

代码语言:javascript
复制
<input name="eventColor" type="color" onchange="getColorVal(eventColor.value)"/>

并定义一个处理事件的函数

代码语言:javascript
复制
 function getColorVal(colorValue){

     alert(colorValue);
}
票数 -2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13805611

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档