Jquery:Keypress并专注于隐藏的DIV

问题描述 投票:1回答:1

码:

$(document).ready(function(){
$(".div").hide();
$(document).on('keypress paste', function() {
    $('form').focus();
    $(".div").show("fast");
});
});

Thanks to adeneo for the cleaner code.

使用说明:

div元素包含隐藏的搜索表单。按下某个键或在页面上使用粘贴(ctrl + v)功能时,会出现一个搜索框,其中包含数据。

问题:

第一个按键工作,但用作取消隐藏div的按键的第一个字母在翻译中丢失。所以'你好'在搜索框中成为'ello'。

第二个也可以,只要你按两次ctrl + v。如上所述,它使用第一个实例来调用div(我假设?)。

救命:

寻找任何方法来修复此代码,使其按照说明工作,或指向正确的方向,如果当前代码不起作用我应该使用什么代码。

jquery html focus hidden keypress
1个回答
0
投票

这应该适用于按键问题。

$(document).ready(function(){
$(".div").hide();                     
$(document).keypress(function (e) {
    if($('.div').is(':hidden')){
        $(".div").show("fast");
        $("#query").val($("#query").val()+String.fromCharCode(e.charCode));
        document.forms['form'].elements['query'].focus();
    }
});

$(document).bind('paste', function(e){
    console.log(e);
    document.forms['form'].elements['query'].focus();
    $(".div").show("fast");

});
});

http://jsfiddle.net/Jkcj6/2/

© www.soinside.com 2019 - 2024. All rights reserved.