jjzjj

php - jQuery - Keyboard Enter 表现得像 - 点击标签按钮?

coder 2024-05-01 原文

我在一个特定的 PHP 页面上进行了某种 jquery 聊天。当然,聊天区域下方有一个输入字段(jquery 表单),在您单击标签 id 按钮后,jQuery 获取您的话、用户名,将数据存储到 MySql 中并再次重新加载聊天。有趣的轻巧整洁。您必须爱上 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.
    }
});
});

最佳答案

$('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.
    }
}​);​

现在您可以在聊天中变得火爆,输入将为您工作,就像单击按钮一样......我认为无论如何应该以这种方式工作。

关于php - jQuery - Keyboard Enter 表现得像 - 点击标签按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9805716/

有关php - jQuery - Keyboard Enter 表现得像 - 点击标签按钮?的更多相关文章

  1. ruby - 在院子里用@param 标签警告 - 2

    我试图使用yard记录一些Ruby代码,尽管我所做的正是所描述的here或here#@param[Integer]thenumberoftrials(>=0)#@param[Float]successprobabilityineachtrialdefinitialize(n,p)#initialize...end虽然我仍然得到这个奇怪的错误@paramtaghasunknownparametername:the@paramtaghasunknownparametername:success然后生成的html看起来很奇怪。我称yard为:$yarddoc-mmarkdown我做错了什么?

  2. jquery - 我的 jquery AJAX POST 请求无需发送 Authenticity Token (Rails) - 2

    rails中是否有任何规定允许站点的所有AJAXPOST请求在没有authenticity_token的情况下通过?我有一个调用Controller方法的JqueryPOSTajax调用,但我没有在其中放置任何真实性代码,但调用成功。我的ApplicationController确实有'request_forgery_protection'并且我已经改变了config.action_controller.consider_all_requests_local在我的environments/development.rb中为false我还搜索了我的代码以确保我没有重载ajaxSend来发送

  3. css - 用 watir 检查标签类? - 2

    我有一个div,它根据表单是否正确提交而改变。我想知道是否可以检查类的特定元素?开始元素看起来像这样。如果输入不正确,添加错误类。 最佳答案 试试这个:browser.div(:id=>"myerrortest").class_name更多信息:http://watir.github.com/watir-webdriver/doc/Watir/HTMLElement.html#class_name-instance_method另一种选择是只查看具有您期望的类的div是否存在browser.div((:id=>"myerrortes

  4. jquery - 如何将 AJAX 变量从 jQuery 传递到他们的 Controller ? - 2

    我有一个电子邮件表格。但是我正在制作一个测试电子邮件表单,用户可以在其中添加一个唯一的电子邮件,并让电子邮件测试将其发送到该特定电子邮件。为了简单起见,我决定让测试电子邮件通过ajax执行,并将整个内容粘贴到另一个电子邮件表单中。我不知道如何将变量从我的HAML发送到我的Controllernew.html.haml-form_tagadmin_email_blast_pathdoSubject%br=text_field_tag'subject',:class=>"mass_email_subject"%brBody%br=text_area_tag'message','',:nam

  5. ruby-on-rails - Rails 单选按钮 - 模型中多列的一种选择 - 2

    我希望用户从一个模型的三个选项中选择一个。即我有一个模型视频,可以被评为正面/负面/未知目前我有三列bool值(pos/neg/unknown)。这是处理这种情况的最佳方式吗?为此,表单应该是什么样的?目前我有类似的东西但显然它允许多项选择,而我试图将它限制为只有一个..怎么办? 最佳答案 如果要使用字符串列,让我们说rating。然后在你的表单中:#...#...它只允许一个选择编辑完全相同但使用radio_button_tag: 关于ruby-on-rails-Rails单选按钮-模

  6. ruby - 如何用 Nokogiri 解析连续的标签? - 2

    我有这样的HTML代码:Label1Value1Label2Value2...我的代码不起作用。doc.css("first").eachdo|item|label=item.css("dt")value=item.css("dd")end显示所有首先标记,然后标记标签,我需要“标签:值” 最佳答案 首先,您的HTML应该有和中的元素:Label1Value1Label2Value2...但这不会改变您解析它的方式。你想找到s并遍历它们,然后在每个你可以使用next_element得到;像这样:doc=Nokogiri::HTML(

  7. ruby-on-rails - 在 Label 标签中嵌套 Ruby on Rails HAML 复选框 - 2

    我有以下不起作用的代码:=form_for(resource,:as=>resource_name,:url=>session_path(resource_name),:html=>{:class=>"well"})do|f|=f.label:email=f.email_field:email=f.label:password=f.password_field:password-ifdevise_mapping.rememberable?%p=f.label:remember_me,:class=>"checkbox"=f.check_box:remember_me,:class=>"

  8. ruby-on-rails - 如何从按钮或链接单击的 View 调用 Rails 方法 - 2

    基本上,我试图在用户单击链接(或按钮或某种类型的交互元素)时执行Rails方法。我试着把它放在View中:但这似乎没有用。它最终只是在用户甚至没有点击“添加”链接的情况下调用该函数。我也用link_to试过了,但也没用。我开始认为没有一种干净的方法可以做到这一点。无论如何,感谢您的帮助。附言。我在ApplicationController中定义了该方法,它是一个辅助方法。 最佳答案 View和Controller是相互独立的。为了使链接在Controller内执行函数调用,您需要对应用程序中的端点执行ajax调用。该路由应调用rub

  9. ruby-on-rails - 如何在 Rails 中添加禁用的提交按钮 - 2

    我在ruby​​表单中有一个提交按钮f.submitbtn_text,class:"btnbtn-onemgt12mgb12",id:"btn_id"我想在不使用任何javascript的情况下通过ruby​​禁用此按钮 最佳答案 添加disabled:true选项。f.submitbtn_text,class:"btnbtn-onemgt12mgb12",id:"btn_id",disabled:true 关于ruby-on-rails-如何在Rails中添加禁用的提交按钮,我们在St

  10. ruby-on-rails - 从 ActiveAdmin has_many 表单助手中删除 "Add new"按钮 - 2

    我在事件管理员编辑页面中有嵌套资源,但我只想允许管理员编辑现有资源的内容,而不是添加新的嵌套资源。我的代码看起来像这样:formdo|f|f.inputsdof.input:authorf.input:contentf.has_many:commentsdo|comment_form|comment_form.input:contentcomment_form.input:_destroy,as::boolean,required:false,label:'Remove'endendf.actionsend但它在输入下添加了“添加新评论”按钮。我怎样才能禁用它,并只为主窗体保留f.ac

随机推荐