我试图这样做,当用户在文本框中并按Enter键时,它与单击链接相同,在这种情况下它应该将它们带到另一个页面.这就是我所拥有的,它不起作用.
//jQuery
$(document).ready(function() {
//if focus is in the input box drivingSchoolInput
$("#drivingSchoolInput").live("click", function() {
//if enter key is pressed
if(e.keyCode == 13) {
//click the button and go to next page
$("#button1").click();
}
});
});
<form>
<div class="formDiv">
<label for="City">Search by Driving School</label>
<span class="inputBox"><input type="text" name="City" class="input" id="drivingSchoolInput" /></span>
</div>
<h4 class="submitButton"><a href="school.html" id="button1">Submit</a></h4>
</form>
我有一个使用jquery自动完成UI插件的表单,http://jqueryui.com/demos/autocomplete/,除了当您按下回车键选择自动完成列表中的项目时,它都可以正常工作,它提交了形成.
我在.NET webforms站点中使用它,因此可能存在与.NET注入的表单相关联的javascript处理,它覆盖了jQuery的东西(我在这里推测).
当按下某些键时,我正在尝试使背景颜色发生变化.例如,当按住"r"键时,背景应为红色.当'r'键不再被按下时,背景应默认为白色.
$(document).ready(function () {
$('body').keydown(function(e){
if(e.keyCode == 114){
$(this).css({'background':'red'});
}
if(e.keyCode == 121){
$(this).css({'background':'yellow'});
}
});
$('body').keypress(function(e){
if(e.keyCode == 114){
$(this).css({'background':'red'});
}
if(e.keyCode == 121){
$(this).css({'background':'yellow'});
}
});
$('body').keyup(function(e){
if(e.keyCode == 114){
$(this).css({'background':'white'});
}
if(e.keyCode == 121){
$(this).css({'background':'white'});
}
});
});
我遇到的问题是密钥不是专门针对每个密钥工作的.
$('body').keyup(function(e){
$(this).css({'background':'white'});
});
我知道如果我完全从keyup中删除if条件,那么它将表现我说我想要它的方式 - 但我希望以后能够使用具有特定键的keyup做不同的事情.例如,当只释放'b'键时,它可能会在屏幕上显示"你刚刚发布了b键!".如何跟踪特定键的keydown和keyup事件,并为每个键发生不同的事情？我知道这也不是很有组织(我对这些东西很新)所以如果有一个完全不同的更好的方法来做这个...
继我提出的另一个问题之后,我真的似乎无处可去.由于我的无能.我选择了那些家伙回答,因为他回答了我的问题.
我正在收集我没有问正确的问题因为我不知道该怎么做..
所以问题是我有输入元素.保持简单;
<input type="text" maxlength="12" name="price" id="price" class="foo">
我希望用户能够只输入数字,并且只能在该价格的任何地方输入一个句点(.).所以可能是3.00或300.00或3000
有人可以帮帮我,我会瞪着眼睛看.
问题的老问题在这里快速正则表达与警报
我正在尝试创建一个小搜索框,允许您根据您在输入字段中输入的关键字搜索Twitter.虽然它有效,但只有按下"提交"按钮才有效.我还希望能够按Enter或Return键来启动搜索.我已经尝试使用.sumbit函数并将我的输入包装在表单元素周围但没有成功.任何见解都会非常感激!
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(document).ready(function(){
function(data) {
$('#startSearch').click(function(){
$('#tweets .results').remove();
var searchTerm = 'http://search.twitter.com/search.json?q=' + $('#twitterSearch').val() + '&callback=?'
$.getJSON(searchTerm, function(data) {
$.each(data.results, function() {
$('<div class="results"></div>')
.hide()
.append('<a class="userPicLink" href="http://twitter.com/' + this.from_user + '">' + '<img class="userImg" src="' + this.profile_image_url + '">' + '</a>')
.append('<span class="userName">' + '<a href="http://twitter.com/' + this.from_user + '">' + this.from_user + '</span>')
.append('<span class="userText">' + this.text + '</span>')
.append('<time class="textTime">' + relTime(this.created_at) + '</time>')
.appendTo('#tweets')
.fadeIn();
});
});
</script>
<body>
<label id="searchLabel" for="twitterSearch">Search</label>
<input type="search" …我想简单地在字段中按下Enter键,<input>或者替换Tab键按下.我还没决定哪个最好.
我怎么能在jQuery中做到这一点？到目前为止我有这个:
$(document).ready(function(){
...
//handle enter key
$("input").keypress(function (e) {
var k = e.keyCode || e.which;
if (k == 13) {
//???
}
});
});
(这个问题e.keyCode || e.which推荐给那部分.)
我可以放在哪里(a)取消事件或者(b)强制按Tab键？
目前,我在移动设备上遇到问题.我有一个输入字段,只允许按下某些键:例如,只有数字0-9.它在网络浏览器上运行得很棒.但是当我在我的Android移动设备中打开它时,它会失败.
我用过keyup和keypress.keyup正在工作,但我想知道哪个键从移动键盘发起了事件.我怎么会这样？
我使用以下内容限制用户只输入一些字符.当我按Tab键时,光标不指向下一个控件(在Mozilla中).但它在IE中运行良好.
// Restricts user to enter characters other than a to z, A to Z and white space( )
// Rauf K. 06.11.2010
$("input:text.characters_only").keypress(function(e) {
if (!((e.which >= 65 && e.which <= 90) || (e.which >= 97 && e.which <= 122) || e.which == 32 || e.which == 8 || e.which == 9)) {
return false;
}
});
我用Google搜索并在网上获得了以下代码.但是,当我按下键盘键时,它没有向我显示警告框.我想知道我在警报框中按下了哪个角色.我该如何解决？
<script type="text/javascript">
var charfield=document.getElementById("char")
charfield.onkeydown=function(e){
var e=window.event || e;
alert(e.keyCode);
}
</script>
</head>
<body id="char">
</body>
</html>
我在页面上有一个JQuery滚动条,其中每个项目都是带有id的div.每个div都有一个指向滚动条中下一个div的链接(全部在同一页面上)
$('a.panel').click(function () {
};
我在"面板"类的所有链接上都有一个点击事件,我在其中检查了哪些链接被点击,然后相应地执行一些ajax处理:
if($(this).attr('href')=="#item2")
{
//do some processsing
}
一旦处理完成,我使用scrollTo JQuery方法滚动到下一个div
我需要让用户可以按回车键而不是点击链接.现在问题是:a.我在同一页面上有几个链接,都需要有这种行为.湾 我需要区分哪个链接触发了click事件并进行了一些服务器端处理.
这有可能吗？
我很感激快速而有用的回复!感谢一百万的帮助!