jQuery:使用鼠标单击而非键盘自动填充输入值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery:使用鼠标单击而非键盘自动填充输入值相关的知识,希望对你有一定的参考价值。

我正在使用这个解决方案https://stackoverflow.com/a/4932770/3108268

$("#EmailAddress").keyup(function(){
    $("#Username").val(this.value);
});

使用键盘输入值时,它可以正常工作,它会自动填充选定的字段。

但是,从日历弹出式javascript插件中点击鼠标填充字段时,它不起作用。弹出插件提供输入类hasDatepicker date-popup-init

这一切都在Drupal 7中,但我不认为它是相关的。

这是一个例子,因为你可以看到时间字段是纯文本和下面的自动填充,因为它正在填充键盘,而日历字段中的鼠标点击填充日期字段不会填充它下面的字段(但如果你强制 - 键盘型)。

enter image description here

答案

你可以使用change事件;

$( "#EmailAddress" ).change(function() {
  $("#Username").val(this.value);
});

以上是关于jQuery:使用鼠标单击而非键盘自动填充输入值的主要内容,如果未能解决你的问题,请参考以下文章

Jquery 发送到电话单击链接以填充键盘表单中的文本字段

JS求助,键盘事件和单击事件,限制只执行一次

ALLEN老师自动化测试小课堂 | WebDriver API之鼠标键盘操作方法

JS 键盘回车和鼠标单击事件合并

做UI最全的鼠标键盘事件!

选中时,jQuery自动完成填充另一个字段