在表单输入上按Enter键并更改默认操作（提交表单）

Question

我有一个简单的表格：

• 两个输入字段facebook event link和name
• import details链接到facebook event link输入旁边-当我单击此按钮时，它将它的href属性从/events/new更改为/events/new?fb_event_id={fb_event_id extracted from link}并使用此更新的href发出新请求。
• submit按钮以提交表格。

http://www.bootply.com/KMfGxnrqxf

当我用以下示例填充facebook event link输入： https : //www.facebook.com/events/123并单击import details ，一切正常-将链接更改为/events/new?fb_event_id=123并发出新请求。

现在，我尝试通过按enter键而不是单击鼠标来执行相同的操作。 它将href更改为正确的href ，但不请求此新网址。

知道为什么吗？

Answer 1

当您使用$('#import').click();触发click事件时$('#import').click(); ，仅启动JS事件处理程序。 它不会触发与该元素关联的自然事件，即，它实际上不会将页面重定向到锚点的href。 您需要使用以下方法将该重定向添加到JS事件处理程序中：

window.location.href = '/events/new?fb_event_id='+event_id;

Answer 2

可以使用以下方式触发本地锚点单击行为：

$(element)[0].click();

它获取elements数组的第一个元素（DOM元素而不是jQuery对象）。

解决方案参考