首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何注册<input type=date> on iOS上的值更改事件

如何注册<input type=date> on iOS上的值更改事件
EN

Stack Overflow用户
提问于 2012-03-16 23:51:28
回答 1查看 25.2K关注 0票数 17

我正在尝试创建一个jquery组件,这样我就可以利用原生的iOS日期/时间选择器,并且我正在使用HTML5。我有以下代码来生成组件:

代码语言:javascript
复制
  var $inputDate = $("<input></input>");
  $inputDate.attr("type", "date");
  $inputDate.attr("value", "2004-05-03");
  $inputDate.change(function(event)
  {
    console.log("value changed");
  });

代码在本地应用程序的webkit组件中运行。输入控件看起来很好,我可以使用选取器更改该值。但是,当我更改该值并关闭选取器时,不会触发更改函数。当我在Chrome的网页中运行它时,一切都像预期的那样工作。如何在iOS上实现这一点?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-03-23 06:59:14

onblur函数在关闭日期/时间选取器时调用。所以这是可行的:

代码语言:javascript
复制
var $inputDate = $("<input></input>");
$inputDate.attr("type", "date");
$inputDate.attr("value", "2004-05-03");
$inputDate.blur(function(event)
{
  console.log("value changed");
});

在更新版本的Chrome (和Android上的Chrome )中:

  • 在选择日期时调用onchange事件
  • 只有在控件失去键盘焦点

时,才会在取消下拉列表时调用onblur事件

下面的示例显示了使用普通的JavaScript:http://jsbin.com/iximuy/4生成的事件

票数 23
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9740468

复制
相关文章

相似问题

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