html 空格点击事件,javascript – 锚点html元素上的空格键按键不会触发点击事件.怎么让这件事发生？...

Save & Add Another

我的页面中有上面的锚元素.这个样式看起来像一个按钮,因此将被视为一个按钮.问题如下.用户不想使用鼠标点击它或到达它,但他将使用标签突出显示此锚元素,然后使用“空格键”或“返回”键点击它.如果用户点击空格键或返回键,我应该能够调用JavaScript函数.我尝试了onkeypress事件,这没有帮助.任何的想法？

解决方法:

第一：HTML存在问题.您正在使用A的短语法 – 意味着文本实际上不是A内容的一部分.许多浏览器不喜欢A标签的短语法 – 不是你的错,但我们的工作是比浏览器更宽容.

这是更正后的版本：

Save & Add Another

根据浏览器和DOCTYPE,事件名称是否全部小写都很重要.只是寻找的东西.

最后,默认情况下,您的onclick事件只会触发点击和Enter – 而不是空格键.许多浏览器将空格键视为向下翻页的内容.如果您确定要捕获此A上的空格键事件并将其视为Enter,则需要定义一个查找空格键的按键事件.像这样：

function addNewKeys(event) {

if(!event) var event = window.event; // cross-browser shenanigans

if(event.keyCode === 32) { // this is the spacebar

saveTdsAddNew(event);

}

return true; // treat all other keys normally;

}

(记得将这个新函数绑定到那个A的onkeypress.)

请注意,我将事件传递给saveTdsAddNew函数.那是因为我认为事件处理程序通常会将事件对象作为参数接收,因此这会保留现有模式.从事件中,您可以检索被单击/键入的元素等.

标签：javascript,html

来源： https://codeday.me/bug/20190518/1127576.html