我试图回答问题Enable copy/paste on html5 date field,该问题询问如何从一个<input type='date'>
字段复制并粘贴到另一个字段。
当我想出一些有效的东西时,我遇到了一个奇怪的怪癖。您必须首先选择日期框,然后在copy
事件触发之前取消选择(单击其他任何位置)。 paste
事件也是如此。
重现问题的步骤是:
除了以下代码段中的代码外,我还尝试使用bind
方法,on
方法和delegate
方法,并且遇到了同样的问题他们。
有谁知道这是为什么?它与Focus有关吗?
我使用的是Chrome版本66.0.3359.117(官方版本)(64位)。
var dateClipboard;
$("input[type='date']").on("copy", function(){
dateClipboard = $(this).val();
alert("copied");
})
$("input[type='date']").on("paste", function(){
if(dateClipboard != ''){
$(this).val(dateClipboard);
alert("pasted");
}
})
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<input type="date" name="test" id="test">
<input type="date" name="test" id="test2">
&#13;