广告合作
  • 今日头条

    今日头条

  • 百度一下

    百度一下,你就知道

  • 新浪网

    新浪网 - 提供新闻线索,重大新闻爆料

  • 搜狐

    搜狐

  • 豆瓣

    豆瓣

  • 百度贴吧

    百度贴吧——全球领先的中文社区

  • 首页 尚未审核订阅工具 订阅

    jquery 文本框按下回车键执行事件 代码如何写

    来源:网络收集  点击:  时间:2024-03-07
    【导读】:

    $(#输入框id).keyup(function(){

    if(event.keyCode == 13){

    //这里写你要执行的事件;

    }

    });

    扩展资料:

    JQuery简单的按钮点击和文本框输入事件

    %@ page language=java import=java.util.* pageEncoding=UTF-8%

    %

    String path = request.getContextPath();

    String basePath = request.getScheme()+://+request.getServerName()+:+request.getServerPort()+path+/;

    %

    !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN

    html

    head

    base href=%=basePath%

    titleMy JSP test.jsp starting page/title

    meta http-equiv=pragma content=no-cache

    meta http-equiv=cache-control content=no-cache

    meta http-equiv=expires content=0

    meta http-equiv=keywords content=keyword1,keyword2,keyword3

    meta http-equiv=description content=This is my page

    !--

    link rel=stylesheet type=text/css href=styles.css

    --

    script type=text/javascript src=script/jquery-1.8.3.min.js/script

    script type=text/javascript

    $(document).ready(function(){

    $(#clickme).click(function(){

    alert(Hello World click);

    });

    $(#clickmebind).bind(click, function(){

    alert(Hello World bind);

    });

    $(#clickmeon).on(click, function(){

    alert(Hello World on);

    });

    });

    /script

    script type=text/javascript

    //使用id的方式获取

    $(document).ready(function(){

    //1

    $(#button_text1).click(function(){

    var result1 = $(#input_text1).val();

    alert(result1 = + result1);

    });

    //2

    $(#button_text2).click(function(){

    var result2 = $(input).val();

    alert(result2 = + result2);

    });

    //3

    $(#button_text3).click(function(){

    var result3 = $(input).attr(value);

    alert(result3 = + result3);

    });

    //4. 可以通过type的值来获取input中的值(未演示)

    /*

    $(#button_text4).click(function(){

    var result4 = $(input).val();

    alert(result4 = + result4);

    });

    */

    //5. 可以通过name的值来获取input中的值(未演示)

    /*

    $(#button_text5).click(function(){

    var result5 = $(input).val();

    alert(result5 = + result5);

    });

    */

    });

    /script

    /head

    body

    h1根据ID来判定/h1

    input type=button name=clickmes id=clickme value=click me /

    input type=button name=clickmebinds id=clickmebind value=clickme_bind /

    input type=button name=clickmeons id=clickmeon value=clickme_on /

    !-- 获取文本框的值:方式一 --

    div id=test1

    input id=input_text1 type=text value=test1 style=width: 100px; /

    button id=button_text1test1/button

    /div

    !-- 获取文本框的值:方式二 --

    div id=test2

    input id=input_text2 type=text value=test2 style=width: 100px; /

    button id=button_text2test2/button

    /div

    !-- 获取文本框的值:方式三 --

    div id=test3

    input id=input_text3 type=text value=test3 style=width: 100px; /

    button id=button_text3test3/button

    /div

    /body

    /html

    本文关键词:

    版权声明:

    1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

    2、本站仅提供信息发布平台,不承担相关法律责任。

    3、若侵犯您的版权或隐私,请联系本站管理员删除。

    4、文章链接:http://www.1haoku.cn/art_275410.html

    相关资讯

    ©2019-2020 http://www.1haoku.cn/ 国ICP备20009186号05-07 03:31:16  耗时:0.024
    0.0242s