精华内容
下载资源
问答
  • 主要是对JQuery中keyUpkeyDown的区别进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助
  • 监听keyup 和keydown 事件

    千次阅读 2017-02-06 18:04:52
    keyuphttp://www.w3school.com.cn/jquery/event_keyup.asp触发 keyup 事件语法 $(selector).keyup()将函数...$(selector).keyup(function)keydownhttp://www.w3school.com.cn/jquery/event_keydown.aspkeydown 类似k

    keyup

    http://www.w3school.com.cn/jquery/event_keyup.asp

    触发 keyup 事件

    语法
    $(selector).keyup()

    将函数绑定到 keyup 事件

    语法
    $(selector).keyup(function)

    keydown

    http://www.w3school.com.cn/jquery/event_keydown.asp

    keydown 类似keyup, 不在过多说明

    案例

    <!DOCTYPE HTML>
    <html>
    <head>
        <title>keydown&keyup</title>
    </head>
    <body>
    <body>
    Enter your name: <input type="text" />
    <p>当发生 keydown 和 keyup 事件时,输入域会改变颜色。请试着在其中输入内容。</p>
    </body>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        $("input").keydown(function(e) {
            e = window.event || e;
            if (e.keyCode == 38 || e.keyCode == 40) {
                $("input").css("background-color", "#FFFFCC");
            }
        });
        $("input").keyup(function() {
            $("input").css("background-color", "#D6D6FF");
        });
    });
    </script>
    </html>
    展开全文
  • 定义用法 完整的 key press 过程分为两个部分:1. 按键被按下;2. 按键被松开。 当按钮被按下时,发生 keydown 事件。 keydown() 方法触发 keydown 事件,或规定当发生 keydown 事件时运行的函数。 ...

    定义和用法
    完整的 key press 过程分为两个部分:1. 按键被按下;2. 按键被松开。

    当按钮被按下时,发生 keydown 事件。

    keydown() 方法触发 keydown 事件,或规定当发生 keydown 事件时运行的函数。

    <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $("input").keydown(function(){
        $("input").css("background-color","#FFFFCC");
      });
      $("input").keyup(function(){
        $("input").css("background-color","#D6D6FF");
      });
    });
    </script>
    </head>
    <body>
    Enter your name: <input type="text" />
    <p>当发生 keydown 和 keyup 事件时,输入域会改变颜色。请试着在其中输入内容。</p>
    </body>
    </html>


    众所周知,jquery封装了很多事件交互方法,这里讲到的问题在原生js中也是有的。

    keyup是在用户将按键抬起的时候才会触发的,属于整个按键过程中的最后阶段,所以有其特定的用处,就是在左侧输入,右侧同步显示的过程中很有用处。典型的例子就是邮件编辑预览的应用。


    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>无标题页</title>

        <script src="JS/jquery-1.4.2.js" type="text/javascript"></script>

        <script type="text/javascript">
            $(function() {
                $('#t1').live('keyup', function() {
                    $('#v1').text($(this).val());
                });
                $('#t2').live('keydown', function() {
                    $('#v2').text($(this).val());
                });
                $('#t3').live('keypress', function() {
                    $('#v3').text($(this).val());
                });
            });    
        </script>

    </head>
    <body>
        <textarea id="t1"></textarea>
        <div id="v1">
        </div>
        <textarea id="t2"></textarea>
        <div id="v2">
        </div>
        <textarea id="t3"></textarea>
        <div id="v3">
        </div>
    </body>
    </html>

    这里分别应用了三种事件,其中t1能够完整的同步到v1中,而keypress和keydown总是少最后一个字符,这样就说明了这三种事件触发的小小区别,keydown是在按下时触发,不能得到最后的输入结果,keypress也是一样。

    例如:keydown绑定文本框,每次点击触发事件,在获取文本框的值,总是打印上次操作时文本框的内容,

    这是因为keydown操作后,事件触发了,但值还未显示在文本框中,所以这类操作要用keyup 一个完整的按键动作后,才可以获取文本框的值。

    keydown与keypress更适用于通过键盘控制页面类功能的实现。

    获取键盘点击的键位:

    <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $("input").keydown(function(event){

    event = window.event||event;
    var code = event.keyCode||event.which
        $("div").html("Key: " +code);
      });
    });
    </script>
    </head>
    <body>

    请随意键入一些字符:<input type="text" />
    <p>当您在上面的框中键入文本时,下面的 div 会显示键位序号。</p>
    <div />
    </body>
    </html>


    展开全文
  • keydown:用户在键盘上按下某按键是发生。一直按着某按键则会不断触发(opera浏览器除外)。 keypress:用户按下一个按键,并产生一个字符时发生(也就是类似shift、alt、ctrl之类的键,它不产生字符,是不会触发...

    keydown:用户在键盘上按下某按键是发生。一直按着某按键则会不断触发(opera浏览器除外)。
    keypress:用户按下一个按键,并产生一个字符时发生(也就是类似shift、alt、ctrl之类的键,它不产生字符,是不会触发press的。用户按了一个能在屏幕上输出字符的按键keypress事件才会触发)。一直按着某按键则会不断触发。
    keyup:用户释放某一个按键是触发。

     

    1、KeyPress主要用来捕获数字(注意:包括Shift+数字的符号)、字母(注意:包括大小写)、小键盘等,除了F1-12、SHIFT、Alt、Ctrl、Insert、Home、PgUp、Delete、End、PgDn、ScrollLock、Pause、NumLock、{菜单键}、{开始键}和方向键外的ANSI字符。
       KeyDown 和 KeyUP 事件过程通常可以捕获键盘除了PrScrn所有按键(这里不讨论特殊键盘的特殊键

    2、KeyPress 只能捕获单个字符
       KeyDown 和KeyUp 可以捕获组合键。

    3、KeyPress 不显示键盘的物理状态(SHIFT键),而只是传递一个字符。KeyPress 将每个字符的大、小写形式作为不同的键代码解释,即作为两种不同的字符。

       KeyDown 和KeyUp 不能判断键值字母的大小。KeyDown 和 KeyUp 用两种参数解释每个字符的大写形式和小写形式:keycode — 显示物理的键(将 A 和 a 作为同一个键返回)和 shift —指示 shift + key 键的状态而且返回 A 或 a 其中之一。


    5、KeyPress 不区分小键盘和主键盘的数字字符。
    KeyDown 和KeyUp 区分小键盘和主键盘的数字字符。

    6、KeyDown、KeyUp事件是当按下 ( KeyDown ) 或松开 ( KeyUp ) 一个键时发生的。
    由于一般按下键盘的键往往会立即放开(这和鼠标不同),所以这两个事件使用哪个差别不大。

    而且,up和其他两者还有一个区别:要判断key修改后的状态必须用up。

     

    补充:

    TextChanged:
         文本更改时触发,分在程序里更改,用户使用键盘更改,无论那中更改,都会触发TextChanged事件

    KeyDown:
         也是在文本更改时触发,但只有用户使用键盘更改时才触发,在程序里更改不触发


    有些控件将会在 KeyDown 上处理某些击键。例如,RichTextBox 在调用 KeyPress 前处理 Enter 键。在这种情况下,您无法取消 KeyPress 事件,而是必须从 KeyDown 取消击键。

     

    参考文章:

    KeyDown、KeyPress和KeyUp事件的区别与联系

    转载于:https://www.cnblogs.com/yaoyao-sun/p/10398350.html

    展开全文
  • WPF KeyUp和KeyDown

    千次阅读 2010-02-05 14:46:00
    xmal: xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="Page1"> KeyUp="TextBox_KeyUp" KeyD
    xmal:
    <Page x:Class="WpfBrowserApplication1.Page1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Page1">
        <Grid>
            <TextBox BorderThickness="2" BorderBrush="Red" KeyUp="TextBox_KeyUp" KeyDown="TextBox_KeyDown" >text</TextBox>
        </Grid>
    </Page>

    Code:
    private void TextBox_KeyDown(object sender, KeyEventArgs e)
    {
            MessageBox.Show(e.Key.ToString());
    }

    private void TextBox_KeyUp(object sender, KeyEventArgs e)
    {
               MessageBox.Show(e.Key.ToString());
    }
    展开全文
  • 用browser ActiveX control创建了一个浏览器控件,获得接口IWebBrowser2后,打开一个网页,然后 ...现在在网页中输入框按下键盘键时,不能处理keyupkeydown,该如何让pHandle获取keyupkeydown的响应呢?
  • android中继承view的类中onKeyDown(int keyCode, KeyEvent event)onKeyUp(int keyCode, KeyEvent event)事件没反应,在其构造函数中加上setFocusableInTouchMode(true);即可。 setFocusableInTouchMode(true); //...
  • JavaScript中Keypress和KeyUp, KeyDown的区别 Keypress获取的仅仅是KeyChar值,此时KeyCode依旧是KeyChar的值 - 如下 - document.addEventListener('keypress', function(event){ console.log(event); } ...
  • JavaScript 中keyupkeydown,keypress

    千次阅读 2013-07-23 23:54:19
    js keyup、keypress和keydown事件 详解 js keyup、keypress和keydown事件都是有关于键盘的事件 当一个按键被pressed 或released在每一个现代浏览器中,都可能有三种客户端事件。 keydown eventkeypress ...
  • keydown和keypress区别 keypress无法监听到上、下、左、右方向键,keydown可以监听到。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti...
  • JQuery keyUpkeyDown的区别

    千次阅读 2012-10-18 23:50:21
    定义用法 完整的 key press 过程分为两个部分:1. 按键被按下;2. 按键被松开。 当按钮被按下时,发生 keydown 事件。 keydown() 方法触发 keydown 事件,或规定当发生 keydown 事件时运行的函数。   $...
  • keyup,keydown事件在IOS上无效问题

    千次阅读 2017-06-29 09:26:05
    最近在做一个webapp项目,遇到一个很奇怪的问题,用keydown事件触发请求在chrome模拟器Android都没问题(ios系统下搜索框内输入数字可以实现模糊查询,输入中文无法实现),但在IOS上完全没有数据,我就回想起来以前...
  • 1.onkeyup onkeydown时,keyCode是不区分大小写的,会将小写字母自动转化为大写字母。 2 onkeypress时,区分大小写。 3兼容event.keyCode||event.which document.onkeypress = function(event){ event = event...
  • js keyup、keypress和keydown事件 详解 js keyup、keypress和keydown事件都是有关于键盘的事件 当一个按键被pressed 或released在每一个现代浏览器中,都可能有三种客户端事件。 keydown event keypress ...
  • js keyup、keypress和keydown事件都是有关于键盘的事件 当一个按键被pressed 或released在每一个现代浏览器中,都可能有三种客户端事件。 keydown event keypress event keyup event keydown事件发生在键盘...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,014
精华内容 405
关键字:

keyup和keydown