jQuery事件--keypress([[data],fn])和trigger(type,[data])

keypress([[data],fn])

概述

当键盘或按钮被按下时,发生 keypress 事件

keypress 事件与 keydown 事件类似。当按钮被按下时,会发生该事件。它发生在当前获得焦点的元素上。 不过,与 keydown 事件不同,

每插入一个字符,就会发生 keypress 事件。注释:如果在文档元素上进行设置,则无论元素是否获得焦点,该事件都会发生

参数

fn  在每一个匹配元素的keypress事件中绑定的处理函数

[data],fn  data:keypress([Data], fn) 可传入data供函数fn处理;fn:在每一个匹配元素的keypress事件中绑定的处理函数

trigger(type,[data])

概述

在每一个匹配的元素上触发某类事件

参数

type,[data]  type:一个事件对象或者要触发的事件类型;data:传递给事件处理函数的附加参数

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#btn").click(function(){
                    alert("您点击了我!");
                })

                $(document).keypress(function(e){
                    if(e.keyCode == 13){
                        $("#btn").trigger("click");
                    }
                })
            })
        </script>
    </head>
    <body>
        <button id="btn">点击我</button>
    </body>
</html>

原文地址:https://www.cnblogs.com/fengfuwanliu/p/10276545.html

时间: 2024-10-14 06:20:41

jQuery事件--keypress([[data],fn])和trigger(type,[data])的相关文章

jQuery事件之:jQuery.event.trigger

现在我们来看看事件机制中的主动触发,我们要分析的是jQuery.event.trigger. 先来看看它在jQ源码中的调用. // 1, 在jQuery.event.simulate中 jQuery.event.simulate = function(){ ... if ( bubble ) { jQuery.event.trigger( e, null, elem ); } ... } // 2, 事件的实例方法中 jQuery.fn.extend({ trigger: function( t

javascript事件之:jQuery事件中实例对象和拓展对象之间的通信

我们总结过jQery事件中的实例原型对象对外接口和拓展对象,现在我们看看他们是如何进行通信联系的. 先来看便捷方法: 1 //调用的还是实例对象下的on()和trigger() 2 jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " + 3 "mousedown mouseup mousemove mouseover mouseout mouseenter

jQuery事件整理回顾

一.事件 1.加载DOM $(document).ready() 这个第一节里详细介绍了 2.事件绑定 jQuery定义了bind()方法作为统一的接口,用来为每一个匹配元素绑定事件处理程序.其基本语法:bind(type,[data],fn); 其中参数type表示事件类型,参数data是可选参数,它可以作为event.data属性值传递给事件对象的额外数据对象.参数fn表示事件处理函数. 例如下例中为p元素绑定单击事件,当点击不同段落文本的时候会提示不同段落文本的内容: [html] vie

jquery事件学习笔记(转载)

一.页面载入1.ready(fn)当DOM载入就绪可以查询及操纵时绑定一个要执行的函数.这是事件模块中最重要的一个函数,因为它可以极大地提高web应用程序的响应速度. 简单地说,这个方法纯粹是对向window.load事件注册事件的替代方法.通过使用这个方法,可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数,而99.99%的JavaScript函数都需要在那一刻执行.有一个参数--对jQuery函数的引用--会传递到这个ready事件处理函数中.可以给这个参数任意起一个名字,并因此可以

javascript事件之:jQuery事件接口概述

事件的操作,在JavaScript是非常频繁的.然而原生javaScript的事件API让新手感觉非常不友好,再加上事件依赖于DOM,而原生javaScript对DOM的选择又是三板斧的功力.由此催生出以jQuery为领头羊的对原生js事件操作的兼容性处理,API优化以及一些功能的拓展. 现在,以jQuery2.0.3为例,我们来看看jQuery的事件接口. 首先来看拓展到jQuery.prototype下的实例方法: //5049 - 51501 jQuery.fn.extend({ 2 on

jQuery 事件方法大全-超全的总结

jquery常用的事件: /* on off hover blur change click dblclick focus keydown keyup keypress mousedown resize scroll select submit */ 元素事件列表说明: 注:不带参数的函数,其参数为可选的 fn.jQuery不支持form元素的reset事件. 事件 描述 支持元素或对象 blur( ) 元素失去焦点 a, input, textarea, button, select, lab

WEB入门之十四 jQuery事件

学习内容 ? jQuery各种事件 ? jQuery事件绑定 能力目标 ? 能熟练使用jQuery各种事件 ? 能熟练绑定jQuery事件 本章简介 JavaScript是事件驱动型的编程语言,即JavaScript和HTML之间的交互是通过用户和浏览器操作页面时触发的事件来驱动进行的.使用传统的JavaScript就能处理这些交互,但是jQuery增加并扩展了JavaScript事件处理机制,使其使用起来更加优雅和灵活.本章我们重点讲解jQuery中的各种事件以及事件的绑定. 核心技能部分 5

jquery 事件 开发方法 总结

转:http://hi.baidu.com/shuanglinwanyu/blog/item/4936af3e40c7993770cf6c9e.html attribute:属性$("p").addclass(css中定义的样式类型); 给某个元素添加样式$("img").attr({src:"test.jpg",title:"test image"}); 给某个元素添加属性/值,参数是map$("input&quo

jQuery事件大全(真的很全)

DOM Attribute $("p").addClass(css中定义的样式类型); 给某个元素添加样式$("img").attr({src:"test.jpg",alt:"test Image"}); 给某个元素添加属性/值,参数是map$("img").attr("src","test.jpg"); 给某个元素添加属性/值$("img").a