精华内容
下载资源
问答
  • 当窗体或控件获得焦点时用户释放按键,此时 KeyUp 事件将发生。在宏中使用 SendKeys 操作或在 Visual Basic 中使用SendKeys语句将键击发送到窗体或控件时,该事件也会发生。Private Sub object_KeyUp(KeyCode As ...

    当窗体或控件获得焦点时用户释放按键,此时 KeyUp 事件将发生。在宏中使用 SendKeys 操作或在 Visual Basic 中使用SendKeys语句将键击发送到窗体或控件时,该事件也会发生。

    Private Sub object_KeyUp(KeyCode As Integer, Shift As Integer)

    Object窗体或窗体上控件的名称。

    KeyCode键代码,如 vbKeyF1(F1 键)或 vbKeyHome(HOME 键)。要指定键代码,请使用“对象浏览器”中显示的固有常量。通过将 KeyCode 设为 0,可以禁止对象接收键击。

    ShiftSHIFT、CTRL 和 ALT 键在发生事件时的状态。如果需要测试 Shift 参数,则可以使用以下固有常量之一作为位掩码:

    说明

    注释KeyUp 事件仅适用于窗体或窗体上的控件,而不适用于上的控件。

    若要在这些事件发生时运行宏或,请将属性设置为宏的名称或 [事件过程]。

    对于该事件,获得焦点的对象将接收到所有的键击。窗体仅当它没有控件或它所有可见的控件都失效时才能获得焦点。

    如果将窗体的属性设置为 Yes,窗体将会接收到所有的键盘事件,甚至包括那些对控件发生的键盘事件。通过设置该属性值,所有键盘事件将首先在窗体上发生,然后在获得焦点的控件上发生。无论哪个控件获得焦点,都可以在窗体中对按下的特定键作出响应。例如,可以让组合键 Ctrl+X 总在窗体上执行相同的操作。

    如果按住一个键不放,KeyDown 和 KeyPress 事件将交替重复发生(KeyDown、KeyPress、KeyDown、KeyPress 以此类推),直到键释放,然后 KeyUp 事件才发生。

    尽管在绝大部分键被按下时都将发生 KeyUp 事件,但它们通常用于识别或区别以下的情况:

    ?扩展字符键,例如功能键。

    ?定位键,例如 Home、End、Page Up、Page Down、向上键、向下键、向右键、向左键及 Tab。

    ?键的组合和标准的键盘更改键(Shift、Ctrl 或 Alt)。

    ?数字键盘或键盘数字键。

    当在以下情况下按键时,KeyDown 事件不发生:

    ?当窗体有一个属性设置为“是”的时,按 Enter。

    ?当窗体有一个属性设置为“是”的命令按钮时,按 Esc。

    KeyUp 事件发生在按下或发送键所引起的任何控件事件之后。如果某次键击使得焦点从一个控件移动到另一个控件,则在第一个控件上 KeyDown 事件发生,而在第二个控件上 KeyPress 和 KeyUp 事件发生。

    有关详细信息,请参阅键击事件和鼠标单击事件的发生顺序。

    如果在按下或发送键后显示一个对话框,则 KeyDown 和 KeyPress 事件将发生,但 KeyUp 事件不会发生。

    如果窗体或控件具有焦点,那么无论用户何时按下或释放键,都可以使用 KeyDown 或 KeyUp 宏进行响应。但是,宏无法返回键代码和确定按了哪个键,因此通常要用事件过程处理这些事件。

    不能在 KeyDown 或 KeyUp 宏中使用 CancelEvent 操作。

    展开全文
  • 如果我先按下⌘(不松开)再按D,此时松开D 不会触发 keyup如果我先按下D(不松开)再按⌘,此时松开⌘则会触发 keyup代码const Immutable = require('immutable');let listenList = Immutable.Map({});let keyDownGr...

    问题

    我自己写了一个可以自定义监听快捷键组合的模块,

    在写按键弹起的函数时候,发现了一个奇怪的现象。

    如果我先按下⌘(不松开)再按D,

    此时松开D 不会触发 keyup

    如果我先按下D(不松开)再按⌘,

    此时松开⌘则会触发 keyup

    代码

    const Immutable = require('immutable');

    let listenList = Immutable.Map({});

    let keyDownGroup = [];

    const getKeyGroupString = keyGroupArray => {

    let keyGroup = Array.from(keyGroupArray);

    keyGroup.sort();

    return keyGroup.join(',');

    }

    /**

    * 添加快捷键监听

    * kg Array 快捷键组合

    * handler Function 被监听的事件

    **/

    const addListener = (kg, handler) => {

    let keyGroup = getKeyGroupString(kg);

    listenList = listenList.update(

    keyGroup,

    handlerList => handlerList ? handlerList.push(handler) : Immutable.List([handler])

    );

    };

    /**

    * 移除快捷键监听

    * kg Array 快捷键组合

    * deleteHandler Function 要被移除监听的事件(如果为空则移除该快捷键组合的所有事件)

    **/

    const removeListener = (kg, deleteHandler) => {

    let keyGroup = getKeyGroupString(kg);

    if (listenList.hash(keyGroup)) {

    if (deleteHandler) {

    listenList = listenList.update(

    keyGroup,

    handlerList => handlerList.filter(handler => handler !== deleteHandler)

    );

    } else {

    listenList = listenList.delete(keyGroup);

    }

    }

    }

    window.addEventListener('keydown', event => {

    keyDownGroup = Array.from(new Set([...keyDownGroup, event.keyCode]))

    let keyDownGroupString = getKeyGroupString(keyDownGroup);

    if (listenList.has(keyDownGroupString)) {

    listenList.get(keyDownGroupString).forEach(

    handler => handler()

    );

    }

    });

    window.addEventListener('keyup', event => {

    // 出现奇怪问题的地方……

    console.log('keyup...');

    // keyDownGroup = [];

    keyDownGroup.pop();

    });

    module.exports = {

    addListener,

    removeListener

    }

    userAgent

    "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/47.0.2526.110 Electron/0.36.7 Safari/537.36"

    展开全文
  • jQueryjQuery是一个快速、简洁...[1]常用API选择网页元素。选择某个网页元素,然后对其进行某种操作CSS选择器$(document) //选择整个文档对象 $('#myId') //选择ID为myId的网页元素 $('div.myClass') // 选择class...

    jQuery

    jQuery是一个快速、简洁的JavaScript框架,是最长寿和使用范围最广的js库,从2006年沿用至今,有超过80%的网站使用过jQuery。[1]

    常用API

    1. 选择网页元素。选择某个网页元素,然后对其进行某种操作
    • CSS选择器
    $(document) //选择整个文档对象
    
    $('#myId') //选择ID为myId的网页元素
    
    $('div.myClass') // 选择class为myClass的div元素
    
    $('input[name=first]') // 选择name属性等于first的input元素
    
    • jQuery特有表达式
    $('a:first') //选择网页中第一个a元素
    
    $('tr:odd') //选择表格的奇数行
    
    $('#myForm :input') // 选择表单中的input元素
    
    $('div:visible') //选择可见的div元素
    
    $('div:gt(2)') // 选择所有的div元素,除了前三个
    
    $('div:animated') // 选择当前处于动画状态的div元素
    

    2. 改变结果集。提供各种强大的过滤器,对结果集进行筛选,缩小选择结果。

    • 常规用法
    $('div').has('p'); // 选择包含p元素的div元素
    
    $('div').not('.myClass'); //选择class不等于myClass的div元素
    
    $('div').filter('.myClass'); //选择class等于myClass的div元素
    
    $('div').first(); //选择第1个div元素
    
    $('div').eq(5); //选择第6个div元素
    
    • 从结果集出发,移动到附近的相关元素。DOM树上的移动方法
    $('div').next('p'); //选择div元素后面的第一个p元素
    
    $('div').parent(); //选择div元素的父元素
    
    $('div').closest('form'); //选择离div最近的那个form父元素
    
    $('div').children(); //选择div的所有子元素
    
    $('div').siblings(); //选择div的同级元素
    

    3. 链式操作。选中网页元素以后,可以对它进行一系列操作,并且所有操作可以连接在一起,以链条的形式写出

    $('div').find('h3').eq(2).html('Hello');
    //等价于上方语句
    $('div') //找到div元素
     .find('h3') //选择其中的h3元素
     .eq(2) //选择第3个h3元素
     .html('Hello'); //将它的内容改为Hello
    
    
    //.end方法,使结果集可以返回上一层结果
    $('div')
     .find('h3')
     .eq(2)
     .html('Hello')
     .end() //退回到选中所有的h3元素的那一步
     .eq(0) //选中第一个h3元素
     .html('World'); //将它的内容改为World
    

    4. 元素的操作:取值和赋值。使用同一个函数,来完成取值(getter)和赋值(setter),即"取值器"与"赋值器"合一。到底是取值还是赋值,由函数的参数决定。

    $('h1').html(); //html()没有参数,表示取出h1的值
    $('h1').html('Hello'); //html()有参数Hello,表示对h1进行赋值
    
    //常见函数如下
    .html() //取出或设置html内容
    .text() //取出或设置text内容
    .attr() //取出或设置某个属性的值
    .width() //取出或设置某个元素的宽度
    .height() //取出或设置某个元素的高度
    .val() //取出某个表单元素的值
    

    5. 元素的操作:移动。提供两组方法,来操作元素在网页中的位置移动。一组方法是直接移动该元素,另一组方法是移动其他元素,使得目标元素达到我们想要的位置。

    • 第一种方法是使用.insertAfter(),把div元素移动p元素后面:
    $('div').insertAfter($('p'));
    
    • 第二种方法是使用.after(),把p元素加到div元素前面:
    $('p').after($('div'));
    

    两种方法返回的元素不一样。第一种方法返回div元素,第二种方法返回p元素。

    • 使用这种模式的操作方法,一共有四对
    .insertAfter().after()在现存元素的外部从后面插入元素
    .insertBefore().before()在现存元素的外部从前面插入元素
    .appendTo().append()在现存元素的内部从后面插入元素
    .prependTo().prepend()在现存元素的内部从前面插入元素
    

    6. 元素的操作:复制、删除和创建。

    • 创建
    $('<p>Hello</p>');
    $('<li class="new">new list item</li>');
    $('ul').append('<li>list item</li>');
    
    • 删除
    .remove()//不保留被删除元素的事件
    .detach()//保留被删除元素的事件,有利于重新插入文档时使用
    
    • 复制
    .clone()
    

    7. 工具方法。不必选中元素,可以直接使用这些方法。

    $.trim() //去除字符串两端的空格。
    $.each() //遍历一个数组或对象。
    $.inArray() //返回一个值在数组中的索引位置。如果该值不在数组中,则返回-1。
    $.grep() //返回数组中符合某种标准的元素。
    $.extend() //将多个对象,合并到第一个对象。
    $.makeArray() //将对象转化为数组。
    $.type() //判断对象的类别(函数对象、日期对象、数组对象、正则对象等等)。
    $.isArray() //判断某个参数是否为数组。
    $.isEmptyObject() //判断某个对象是否为空(不含有任何属性)。
    $.isFunction() //判断某个参数是否为函数。
    $.isPlainObject() //判断某个参数是否为用"{}"或"new Object"建立的对象。
    $.support() //判断浏览器是否支持某个特性。
    

    8. 事件操作。把事件直接绑定在网页元素上。

    • 使用举例
    $('p').click(function(){
      alert('Hello');
    });
    
    • 主要支持事件
    .blur() //表单元素失去焦点。
    .change() //表单元素的值发生变化
    .click() //鼠标单击
    .dblclick() //鼠标双击
    .focus() //表单元素获得焦点
    .focusin() //子元素获得焦点
    .focusout() //子元素失去焦点
    .hover() //同时为mouseenter和mouseleave事件指定处理函数
    .keydown() //按下键盘(长时间按键,只返回一个事件)
    .keypress() //按下键盘(长时间按键,将返回多个事件)
    .keyup() //松开键盘
    .load() //元素加载完毕
    .mousedown() //按下鼠标
    .mouseenter() //鼠标进入(进入子元素不触发)
    .mouseleave() //鼠标离开(离开子元素不触发)
    .mousemove() //鼠标在元素内部移动
    .mouseout() //鼠标离开(离开子元素也触发)
    .mouseover() //鼠标进入(进入子元素也触发)
    .mouseup() //松开鼠标
    .ready() //DOM加载完成
    .resize() //浏览器窗口的大小发生改变
    .scroll() //滚动条的位置发生变化
    .select() //用户选中文本框中的内容
    .submit() //用户递交表单
    .toggle() //根据鼠标点击的次数,依次运行多个函数
    .unload() //用户离开页面
    
    • 通过bind绑定事件,可以更灵活的控制事件。比如多个事件绑定一个函数。
    $('input').bind(
      'click change', //同时绑定click和change事件
     function() {
       alert('Hello');
     }
    );
    
    • 只让事件运行一次,one方法
    $("p").one("click", function() {
     alert("Hello"); //只运行一次,以后的点击不会运行
    });
    
    • unbind用来解除事件绑定
    $('p').unbind('click');
    • 所有的事件处理函数,都可以接受一个事件对象(event object)作为参数,比如下面例子中的e。
    $("p").click(function(e) {
     alert(e.type); // "click"
    });
    
    
    //事件对象中一些常用的属性和方法
    event.pageX //事件发生时,鼠标距离网页左上角的水平距离
    event.pageY //事件发生时,鼠标距离网页左上角的垂直距离
    event.type //事件的类型(比如click)
    event.which //按下了哪一个键
    event.data //在事件对象上绑定数据,然后传入事件处理函数
    event.target //事件针对的网页元素
    event.preventDefault() //阻止事件的默认行为(比如点击链接,会自动打开新页面)
    event.stopPropagation() //停止事件向上层元素冒泡
    
    
    //在事件处理函数中,可以用this关键字,返回事件针对的DOM元素
    $('a').click(function(e) {
     if ($(this).attr('href').match('evil')) { //如果确认为有害链接
      e.preventDefault(); //阻止打开
       $(this).addClass('evil'); //加上表示有害的class
     }
    });
    
    
    //自动触发事件。方法一,直接使用事件函数。
    $('a').click();
    //方法二,使用.trigger()或.triggerHandler()
    $('a').trigger('click');
    

    9. 特殊效果

    • 常用效果
    $('h1').show(); //展现一个h1标题
    
    .fadeIn() //淡入
    .fadeOut() //淡出
    .fadeTo() //调整透明度
    .hide() //隐藏元素
    .show() //显示元素
    .slideDown() //向下展开
    .slideUp() //向上卷起
    .slideToggle() //依次展开或卷起某个元素
    .toggle() //依次展示或隐藏某个元素
    
    
    //除了.show()和.hide(),所有其他特效的默认执行时间都是400ms(毫秒),可以改变设置。
    $('h1').fadeIn(300); // 300毫秒内淡入
    $('h1').fadeOut('slow'); // 缓慢地淡出
    
    
    //特效结束后,指定执行某个函数
    $('p').fadeOut(300, function() { $(this).remove(); });
    
    • 复杂特效,可以使用animate自定义
    $('div').animate(
     {
      left : "+=50", //不断右移
      opacity : 0.25 //指定透明度
     },
     300, // 持续时间
      function() { alert('done!'); } //回调函数
    );
    
    //.stop()和.delay()用来停止或延缓特效的执行。
    //$.fx.off如果设置为true,则关闭所有网页特效。
    
    参考
    jQuery API Documentationapi.jquery.com
    151eb5d2ac5c900669cc6a9373c2cf23.png
    jQuery设计思想 - 阮一峰的网络日志www.ruanyifeng.com
    61f2879d57525f47fc248e01b7277c22.png

    参考

    1. ^数据来自builtwith https://trends.builtwith.com/javascript/jQuery
    展开全文
  • keyup中文输入法:firfox:输入触发keydown,回车确认输入触发keyupchrome:输入触发keydown、keyup,回车确认输入只触发keydownopera:输入触发keydown、keyup,回车确认输入触发keydown,keyupsafari:输入触发...

    键盘

    英文输入法:

    事件触发顺序:keydown - > keypress - > keyup

    中文输入法:

    firfox:输入触发keydown,回车确认输入触发keyup

    chrome:输入触发keydown、keyup,回车确认输入只触发keydown

    opera:输入触发keydown、keyup,回车确认输入触发keydown,keyup

    safari:输入触发keydown、keyup,回车确认输入触发keydown,keyup

    IE:输入触发keydown、keyup,回车确认输入触发keydown,keyup

    keypress事件不能对系统功能键(例如:后退、删除等,其中对中文输入法不能有效响应)进行正常的响应;

    keydown和keyup均可以对系统功能键进行有效的拦截,但事件截获的位置不同。

    键盘中的键分为字符(可打印)键和功能键(不可打印),系统功能键包括如下:

    Esc、Tab、Caps Lock、Shift、Ctrl、Alt、Enter、Backspace、Print Screen、Scroll Lock、Pause Break、Insert、Delete、Home、End、Page Up、Page Down, F1 through F12,Num Lock、The Arrow Keys

    keypress响应系统功能键总结:

    firfox:支持 Esc、Enter、Backspace、Pause Break、Insert、Delete、Home、End、Page Up、Page Down、F1 through F12、The Arrow Keys

    chrome:支持Enter

    opera:支持Enter

    safari:支持Enter

    IE:支持Esc、Enter

    另外:

    firefox:上下左右键会触发kepress.

    chrome: 上下左右键不会触发kepress.

    oprea:上下左右键不会触发kepress.

    safari:上下左右键不会触发kepress.

    IE:上下左右键不会触发kepress.

    keyCode(键码), which, charCode(字符编码)

    keydown: 获得keyCode, charCode=0

    keypress: 字符(英文区分大小写+数字 / * , . ...等非功能键),keyCode=0 ,获取charCode值, 反之获取keyCode, charCode=0

    keyup: 获得keyCode, charCode=0

    jquery 中 event.which = original.charCode != null ? original.charCode : original.keyCode;

    总结:回车、上下左右、等功能键keydown、keypress、keyup都获取keyCode,并且值相等。

    开启大写情况,keydown、keypress(字母,主键盘数字、回车)、keyup,which值相等,小写kepress获取的which不同于keypress、keyup。

    keypress事件的keyCode对字母的大小写敏感,而keydown、keyup事件不敏感

    keypress事件的which值无法区分主键盘上的数字键和附键盘数字键的,而keydown、keyup的which值对主附键盘的数字键敏感。

    IE(ie9以下)只有一个属性KeyCode属性,当为keydown和keyup 事件是,keycode属性表示你具体按下的键(也称为virtual keycode),当捕捉的是keypress事件时keyCode属性指的是你键入的字符(character code)

    标准浏览器中情况有些不同,event对象包含一个keyCode属性和一个charCode属性,keydown和keyup事 件的时候,keyCode表示的就是你具体按的键,charCode为0;当捕捉的是keypress事件时,keyCode为0,charCode指的 是你按下的字符,鉴于IE和FF中的区别,如果你比较懒的话,建议只使用keydow和keyup事件

    用户在使用键盘时会触发键盘事件。目前,对键盘事件的支持主要遵循的是DOM0级。

    在英文输入法下,所有浏览器都遵循以下三个事件:

    keydown: 当用户按下任意键时触发,而且按住不放的话,会重复触发此事件。

    keypress: 当用户按下字符键时触发,而且按住不放的话,会重复触发此事件。按下Esc键也会触发这个事件,safari3.1之前的版本按下非字符键时也触发。

    keyup: 当用户释放键时触发。

    在中文输入法下,浏览器之间则表现得不一致,主要情况如下:

    IE,chrome,safari:触发keydown和keyup, 不触发keypress。

    firefox:首次按下按键时触发keydown,不触发keypress。在停止输入法并改变文本框内容(如按下回车或者空格键)后会触发keyup。

    Opera:keydown, keypress和keyup都不触发。

    PS : 只有在触发keyup事件才能获得修改后的文本值。

    所有元素都支持以上三个事件,一般情况下只有在文本框时才经常用到。键盘事件的触发过程具体是这样的: 在用户按下键盘上的一个字符键时, 首先会触发keydown事件,然后是keypress事件,最后是keyup事件。其中,keydown和keypress事件是在文本框发生变化之前 被触发;而keyup在文本框发生变化之后被触发。如果用户按下一个键不放,就会重复触发keydown和keypress事件。在用户按下一个非字符键时,首先触发keydown事件,然后就是keyup事件。如果用户按下一个键不放,就会重复触发keydown。

    当我们监听这三个事件时,最想得到的数据信息就是键码(keyCode)和字符编码(charCode)了。

    键码

    在发生keydown和keyup事件时,event对象的keyCode属性会包含一个代码,keyCode属性的值就是小写字母或数字对应的ASCII码(点击查看ASCII码表),在程序中可通过如下代码来获得keyCode值:

    //EventUtil是一个封装的对象,用来处理跨浏览器事件

    var textbox = document.getElementById('myText');

    EventUtil.addHandler(textbox,'keydown',function(event){

    event = event || window.event;

    alert(event.keyCode);

    });

    以下是keydown和keypress事件存在的一些特殊情况:

    在FF和Opera中,按分号键时keyCode值为59,但IE,chrome和safari则返回186

    在safari3之前的版本中,上、下、左、右箭头和上翻(PageUp)、下翻(PageDown)键返回大于63000的值。

    字符编码

    在发生keypress事件时,FF、chrome和safari的event对象都支持一个charCode属性,charCode属性的值 就是按下的字符键对应的ASCII编码,这个属性在按下非字符键或发生keydown和keyup事件时值为0;IE和Opera则是在keyCode中 保存字符键的ASCII编码。所以,要想跨浏览器获得字符编码,代码如下:

    //获取字符编码

    var getCharCode = function(event){

    var charcode = event.charCode;

    if(typeof charcode == "number" && charcode != 0){

    return charcode;

    }else{

    //在中文输入法下 keyCode == 229 || keyCode == 197(Opera)

    return event.keyCode;

    }

    };

    这个方法首先检查charCode属性是否包含数值(在不支持这个属性的浏览器中,值为undefined),在判断是否等于0(兼容keydown和keyup事件),如果条件成立,则返回改值,否则返回keyCode的值。之前的例子获取字符编码如下:

    var textbox = document.getElementById('myText');

    EventUtil.addHandler(textbox,'keydown',function(event){

    event = event || window.event;

    alert(getCharCode(event));

    });

    在得到了字符编码后,可以使用String.fromCharCode()将其转换为实际的字符。

    键盘事件的应用

    1、 过滤输入——屏蔽某些字符的输入

    达到的效果:只能输入数字,输入其他字符没有反应。不屏蔽辅助输入的按键,如退格键,方向键,复制,粘贴等。

    原理很简单:在文本框修改前,获取字符编码,判断合理性,不成立则阻止键盘的默认事件。看起来很简单,但由于浏览器的兼容问题,实现起来还是有点难度。代码如下:

    var handler= function(e){

    e = e || window.event;

    var charcode = typeof e.charCode == 'number' ? e.charCode : e.keyCode;

    var re = /\d/;

    //FF和safari3.1以前版本会对方向键、退格键、删除键触发keypress事件 charcode > 9 可修复此Bug

    //!e.ctrlKey 不屏蔽Ctrl+C,Ctrl+V

    if(!re.test(String.fromCharCode(charcode)) && charcode > 9 && !e.ctrlKey){

    //阻止默认事件

    if(e.preventDefault){

    e.preventDefault();

    }else{

    e.returnValue = false;

    }

    }

    };

    EventUtil.addHandler(textbox,'keypress',handler);

    //监听粘贴事件

    EventUtil.addHandler(textbox,'paste',function(e){

    e = e || window.event;

    var clipboardData = e.clipboardData || window.clipboardData;

    if(!/^\d*$/.test(clipboardData.getData('text'))){

    //阻止默认事件

    if(e.preventDefault){

    e.preventDefault();

    }else{

    e.returnValue = false;

    }

    }

    });

    在这个例子的基础上加以修改和调整,就可以应用于放过或屏蔽任何输入文本框的字符。

    很遗憾,还有一个问题未能解决,就是在中文输入法时keypress事件失效问题。针对中文输入法的bug,目前找到的解决办法是:在文本框加入属性style="ime-mode:disabled" IE和FF下可禁用输入法;在chrome,Safar下可为文本框添加keydown事件,判断event.keyCode是否等于299,是的话就阻 止keydown默认事件,这种方法对IE也有效。而对于Opera则没有找到解决办法。

    展开全文
  • 原文1:http://www.cnblogs.com/silence516/archive/2013/01/25/2876611.html原文2:http://www.cnblogs.com/leolai/archive/2012/08/01/2618386.html英文输入法:事件触发... keyup中文输入法:firfox:输入触发...
  • VB中的键盘与鼠标事件KeyPress事件KeyPress事件简介在窗体上画一个控件(指可以发生KeyPress事件的控件),并双击该控件,进入程序代码窗口后,从"过程"框中选取KeyPress,即可定义KeyPress事件过程。一般格式为:...
  • Vue中的@keyup事件

    千次阅读 2019-07-01 15:08:08
    什么是 @keyup ?...@keyup常用事件 事件代码 事件描述 @keyup.enter 回车按键松开 @keyup.left 左键松开 @keyup.right 右键松开 @keyup.up 上键松开 @keyup.down 下键松...
  • (1)keyup 事件能在用户每次松开按键时触发,实现即时提醒; (2)focus 事件能在元素得到焦点的时候触发,也可以实现即时提醒。 (3)为了使表单填写准确,在表单提交之前,需要对表单的必须填写元素进行一次...
  • vue 监听键盘回车事件 @keyup.enter || @keyup.enter.native

    万次阅读 多人点赞 2018-05-18 10:25:11
    vue运行为v-on在监听键盘事件时,添加了特殊的键盘修饰符: &lt;input v-on:keyup.13="submit"&gt; vue还非常贴心地给出了常用按键的别名,这样就不必去记keyCode ~ ~ 上面代码,还可以在这样...
  • js常用事件

    2020-07-25 23:10:10
    js中的常用事件 click 鼠标单击 dblclick 鼠标双击 blur 失去焦点 focus 获得焦点 keydown 键盘按下 keyup 键盘弹出 change 改变事件 load 页面加载 mousedown 鼠标按下 mouse
  • js键盘常用事件

    2021-04-21 19:52:06
    键盘常用事件 onkeyup 某个键盘按键送开始触发 onkeydown 某个键盘按键按下时触发 onkeypress 某个键盘按键被按下时触发 注意:它不识别功能按键 比如 ctrl shift 箭头等 注意: 如果使用addEventListener不需要...
  • jq常用事件

    2019-10-08 16:29:45
    https://www.cnblogs.com/sandraryan/ click(); 点击事件 dblclick(); 双击事件 $('.box').dblclick(function(){ ...keydown - 按键事件, 键按下的过程 ...keypress -按键事件。...keyup - 按...
  • 移动端:click(单击)、load、scroll、blur、focus、change、input(代替keyup、keydown)…TOUCH事件模型(处理单手指操作)、GESTURE事件模型(处理多手指操作) TOUCH:touchstart、touchmove、touchend、...
  • vue运行为v-on在监听键盘事件时,添加了特殊的键盘修饰符: <input v-on:keyup.13=”submit”> vue还非常贴心地给出了常用按键的别名,这样就不必去记keyCode ~ ~ 上面代码,还可以在这样写: <input v-on...
  • JavaScript常用事件

    2010-10-26 17:12:00
    KeyPress和KeyUp:KeyPress事件是当键盘上按下某个按钮时触发,而KeyUp事件是按下按钮并释放时触发。 Resize:当浏览器或帧的大小被改变时触发。 -->鼠标事件 Click:是鼠标在某个对象上单击时引发动作,此对象:...
  • js中的常用事件

    2021-03-03 21:12:50
    js中的常用事件 1.blur失去焦点 2.change下拉列表选中项改变,或者文本框内容改变 3.click鼠标单击 4.dbclick鼠标双击 5.focus获取焦点 6.keydown键盘向下 7.keyup键盘向上 8.load页面加载完毕 9.mousedown鼠标按下 ...
  • JS *常用事件类型

    2020-03-08 12:27:30
    事件分类 鼠标事件 click : 点击事件 bdclick : 双击事件(300ms以内连续发生两次点击事件) mouseover : 鼠标进入 mouseout : 鼠标滑出 mouseenter : 鼠标进入 mouseleave : 鼠标离开 ...keyup : 键...
  • 常用事件 blur失去焦点 focus获得焦点 click鼠标单击 dblclick鼠标双击 keydown键盘按下 keyup键盘弹起 mousedown鼠标按下 mouseover鼠标经过 mousemove鼠标移动 mouseout鼠标离开 mouseup鼠标弹起 reset表单重置 ...
  • vue运行为v-on在监听键盘事件时,添加了特殊的键盘修饰符: <input v-on:keyup.13="submit"> vue还非常贴心地给出了常用按键的别名: <input v-on:keyup.enter="submit"> <input @keyup.enter=...
  • JS常用事件 blur:失去焦点 focus:获取焦点 click:鼠标单击 dblclick:鼠标双击 keydown:键盘按下 keyup:键盘弹起 mousedown:鼠标按下 mousemove:鼠标移动 mouseover:鼠标经过 mouseout:鼠标离开 mouseuo:...
  • 过滤文本1---只允许用户输入数值首先解读下键盘与文本...按下 Esc键也会触发这个事件用户按了下字符键,首先会触发 keydown 事件,然后紧跟着是 keypress 事件, 最后会触发 keyup 事件。其中,keydown 和 keypress...
  • Js常用事件中少不了键盘事件例如onkeyup,我们需要操作DOM元素来实现触发事件。例如在input中输入展示并摁回车键能让原本隐藏的div展示出来分别用两种方法来介绍 <!-- 通过操作dom实现 --> <input type=...

空空如也

空空如也

1 2 3 4 5 ... 13
收藏数 255
精华内容 102
关键字:

keyup常用事件