- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我编写了一个处理鼠标和键盘事件的代码。但是 onkeypress
事件在 Firefox、IE 等中没有触发。我也尝试过 keydown
事件,但这不起作用。 li
元素的 HTML 代码为:
print "<li class=\"ui-menu-item \" id=\"toli$i\" value=\"'$name','$email'\" role=\"menuitem\"><a class=\"ui-corner-all\" href=\"#\" onkeypress=\"keyhandle('$name','$email');\" onclick=\"fillto('toli$i','$name','$email');\">$ename $ediv $email></a></li>";
}
elsif($field eq "cc"){
print "<li class=\"ui-menu-item \" id=\"toli\" role=\"menuitem\"><a class=\"ui-corner-all\" href=\"#\" onkeypress=\"keyhandle('$name','$email');\" onclick=\"fillcc('$name','$email');\">$ename $ediv $email></a></li>";
}
elsif($field eq "bcc"){
print "<li class=\"ui-menu-item \" id=\"toli\" role=\"menuitem\"><a class=\"ui-corner-all\" href=\"#\" onkeypress=\"keyhandle('$name','$email');\" onclick=\"fillbcc('$name','$email');\">$ename $ediv $email></a></li>";
}
}
print "</ul>";
JavaScript函数是
<script language="javascript">
function keyhandle(id,name,email){
alert (id);
}
</script>
onclick
事件正在触发,但 onkeypress
未触发。谁能告诉我这是为什么吗?
提供给浏览器的代码是
<div id="displayto" class="display ui-widget"><ul class="ui-autocomplete ui-menu ui-widget-content ui-corner-all " style="width: 550px; max-height: 200px;" aria-activedescendant="ui-active-menuitem" role="listbox"><li class="ui-menu-item " id="toli1" value="'AMAL SMITHA S','amal_smitha@vssc.gov.in'" role="menuitem"><a class="ui-corner-all" href="#" onkeypress="keyhandle('AMAL SMITHA S','amal_smitha@vssc.gov.in');" onclick="fillto('toli1','AMAL SMITHA S','amal_smitha@vssc.gov.in');">"AMAL SMITHA S" (COM) < amal_smitha@vssc.gov.in></a></li></ul></div>
我已经尝试过代码
$(document).ready(){
$("#displayto").keypress(function(){
alert('a');
});
}
但它也不起作用。我已经为每个
最佳答案
这可能有点太晚了,但现在我正在处理同样的问题,并且可能找到了解决方案。
我的情况是:
<span onclick="javascript: /* some javascript to select element */ " onkeypress="javascript: /* call function to process key event */">...</span>
我在某处发现,要使元素能够捕获关键事件,它需要可聚焦。默认情况下,所有输入元素都应该是可聚焦的,也许其他一些元素也应该是可聚焦的,具体取决于浏览器。
但是,您可以使元素可聚焦,在我的例子中,我使用 tabindex 属性来实现此目的。就像这样:
<span tabindex="" onclick="javascript: /* some javascript to select element */ " onkeypress="javascript: /* call function to process key event */">...</span>
这在 Firefox 中有效,但在 Chrome 中无效。只有当我在 tabindex 属性中输入一些值时,事件才会被实际触发,并且 onkeypress=""中的 JavaScript 才会被执行。
所以现在我得到了这样的结果:
<span tabindex="0" onclick="javascript: /* some javascript to select element */ " onkeypress="javascript: /* call function to process key event */">...</span>
编辑:我忘了补充一点,你实际上需要聚焦该元素。我通过调用 focus() 在 onclick=""中做到了这一点。
关于jquery - onkeypress 事件未触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10171926/
function h(x) { alert(x); } 当我按“a”警报为空时 当我在“a”之后按“b”=>ab 只提醒“a”并且我想要“ab” 当我输入“abcd”时,它只提示“abc”,
我正在编写一个简单的 javascript 表单,用于根据值“blue”检查输入值。现在,如果您输入“blue”,它会说它不正确,但如果添加任何其他字符,它会说正确。好像有一个字符的延迟,所以当我输入
我有如下 HTML 文本输入 ID: = 48 && event.charCode 现在,在 onkeypress 中我成功添加了,因此只能输入数字。但我有一个 JavaSc
我正在使用以下内容并尝试让用户的字母猜测出现在屏幕上,但是当我检查开发工具时,按键将返回到数组,如 [ , , , , , ,] 。没有字母。有想法吗? var letguessText = docu
我有一个可选电话号码的 html 输入,以及 2 个 radio 输入(留言、不留言): #session.secondaryPhone#" /> 请注意,我正在运行两个事件(删除其中一个事件会产生相
我有一个项目列表,上面有一个输入字段。 输入字段是一个过滤器,它应该根据您在输入字段中键入的文本过滤列表。 例如:如果您输入“th”,它应该过滤列表,以便所有项目都以“th”开头。 为此,我使用 Aj
我编写了一个处理鼠标和键盘事件的代码。但是 onkeypress 事件在 Firefox、IE 等中没有触发。我也尝试过 keydown 事件,但这不起作用。 li 元素的 HTML 代码为: pri
我正在学习 Javascript.. 仅当我的脚本标记位于输入文本元素下方时,下面的代码才起作用,但如果我将代码放置在输入文本标记上方,则它不起作用。我可以知道为什么吗?下面是代码:
我正在尝试使用 JavaScript 将 onKeyPress 事件添加到动态创建的 html 元素中。实际上,添加了元素,分配了 id,并添加了 innerHTML,但是 onmouseover、o
我有一个关键字搜索文本框,我想在用户按下 Enter 键时运行搜索功能。但是现在该事件不会被解雇。我的代码如下: onkeyPress=(e)=>{ if(e.key === "Enter" |
如果未选中复选框,我将使用 JavaScript 禁用键盘,如果选中复选框,则仅启用数字。 我的代码是。 function isNumberKey(evt) { i
document.getElementById('my').onkeypress = function(event) { this.value = this.value.toUpperCa
我的 onkeypress 事件在我网站的搜索栏上不起作用。这是我的 javascript 和 html 代码: window.onload = function() { document.g
我正在 try catch 窗口上的按键事件(使用使用 Gecko 引擎的应用程序打开的 html 页面) function onkeypress(){ alert("key presse
我要求不使用 html 事件处理程序。所以我试图从 script 处理它。我做了一个小功能,但它不起作用 function lld () { document.getElementById
使用 Javascript 的 onKeypress 尝试在返回后调用函数。这不起作用,因为由于验证数字,该字段尚未完成。 onKeyPress="return numbersonly(event,
对于下面的文本框: 这个脚本运行良好。 function doit_onkeypress(event){ if (event.keyCode == 13 || event.which
这段代码有以下问题: search();如果我按下一个键就不会被解雇。但是当我删除 一切正常。 有什么方法可以解雇onkeypress在表单或任何其他函数中? 我正在使用 Phon
每次在文本框中按下一个键时,我都需要调用一个 js 函数: function checkValidity() { alert("Checking..
我有 5 个可点击的 div 标签,div 显示一个带有数字的黄色方 block 。当用户点击一个方 block 时,方 block 的颜色会发生变化,表明被点击的方 block 是“事件”方 blo
我是一名优秀的程序员,十分优秀!