jQuery - 键盘输入表现为 - 单击标签按钮?

时间:2012-03-21 13:35:07

标签: php jquery

我在一个特定的PHP页面上有一些jquery聊天。当然,下面的聊天区域有一个输入字段(jquery表单),点击标签id按钮后,jQuery获取你的单词,用户名,将数据存储到MySql中并重新加载聊天。有趣轻巧,整洁。理由no1为什么你必须喜欢jquery。

无论如何,最重要的是,“按钮”不是提交按钮 - 它是一个“标签ID”按钮。

这很好,但是当你热衷于聊天时,你突然按下回车键,而不是单击标签按钮 - PHP页面只是刷新并且对数据没有任何作用,这让每个人都疯了。

那么,任何热门提示如何发送键盘输入点击该标签ID按钮?


更新

<form id="chav_box_in" style="padding:0px;margin:0px;" action="" method="post">
      <div class="chav_level" valign="top"><input type="hidden" id="chav_in" name="chav_in" value="'.$categoryid.'" />
      ' . $lg['your_nick'] . ':&nbsp;&nbsp;';
    if($userinfo['loggedin'])
    {
        if($getnamen = $DB->query_first("SELECT userid, jur_name FROM " . TABLE_PREFIX . "users WHERE userid = '".$userinfo['userid']."'"))
        {
        echo '<input type="hidden" id="chav_username" name="chav_username" value="'.$getnamen['jur_name'].'" /><span class="chav_name">'.$getnamen['jur_name'].'</span>';
        }
        else
        {
    echo '<input type="hidden" id="chav_username" name="chav_username" value="'.$getnamen['userid'].'" /><span class="chav_name">Registered undefined ('.$getnamen['userid'].')</span>';
        }
    echo '<input type="hidden" id="chav_lag" name="chav_lag" value="1" />';
    }

    else // unergs
    {
        if($nemere) //cookieid
        {
        echo '<input type="hidden" id="chav_username" name="chav_username" value="'.$nemere.'" /><span class="chav_name">'.$nemere.'</span>';
        }
        else   //nov upisivac
        {
        echo '<input type="text" size="' . $inputsize . '" id="chav_username" name="chav_username" value="" />';
        }
    }

echo '&nbsp;&nbsp;' . $lg['occ_place'] . ':&nbsp;';

// ##########
    if($categoryid == 6)
    {
    echo '<input type="text" size="' . $inputsize . '" id="chav_sub" name="chav_sub" value="" /></div>';
    }
    else
    {
    echo '<input type="hidden" id="chav_sub" name="chav_sub" value="'.$url_places_name.'" /><span class="chav_name">'.$url_places_name.'</span></div>';
    }


    echo '<div class="chav_level">' . $lg['chav_input'] . '&nbsp;&nbsp;<input type="text" size="' . ($inputsize*5) . '" id="wm1" name="wm1" value="" />
     &nbsp;<label id="shareButton1" class="enter" style="display:inline;float:right;">' . $lg['publish'] . '</label></div>';


    echo '</form>

现在,当我在输入字段中输入内容并按回车键时,页面刷新..不用担心它会清理它...并查询

$(function () {
$('chav_box_in').keypress(function(e) { // Attach the form handler to the keypress event
    if (e.keyCode == 13) { // If the the enter key was pressed.
        $('#shareButton1').click(); // Trigger the button(elementId) click event.
        return e.preventDefault(); // Prevent the form submit.
    }
});
});

1 个答案:

答案 0 :(得分:5)

$('form').keypress(function(e) { // Attach the form handler to the keypress event
    if (e.keyCode == 13) { // If the the enter key was pressed.
        $('#elementId').click(); // Trigger the button(elementId) click event.
        return e.preventDefault(); // Prevent the form submit.
    }
}​);​

现在你可以在聊天中炙手可热,输入就像点击按钮一样对你有用......我认为无论如何都应该这样。