Rumah > hujung hadapan web > tutorial js > jQuery keyup()事件的使用与定义

jQuery keyup()事件的使用与定义

黄舟
Lepaskan: 2017-06-27 14:14:07
asal
2427 orang telah melayarinya

概述

触发每一个匹配元素的keyup事件

这个函数会调用执行绑定到keyup事件的所有函数,包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。keyup事件会在按键释放时触发。

参数

fnFunctionV1.0

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

[data],fnString,FunctionV1.4.3

data:keyup([Data], fn) 可传入data供函数fn处理。

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

示例

描述:

当按下按键时,改变文本域的颜色:

jQuery 代码:

$("input").keyup(function(){ $("input").css("background-color","#D6D6FF"); });
Salin selepas log masuk

keyup()事件

按键被松开时发生keyup()事件。作用在当前获得焦点的元素上。

具体应用方面

搜索查询方面

搜索输入框输入搜索内容时,按下enter键执行搜索。

<script type="text/javascript">  
$(document).ready(function(){  
    $("#pos_keyword").keyup(function(e){        //pos_keyword就是搜索框,当搜索框按下时响应事件keyup,e就是当前元素element  
    var keycode = e.which;          //keycode就是按键的编码,e当前元素element,e.which是当前的编码  
    if(keycode==13){                //如果keycode等于13就响应方法进行搜索  
        search_pos();  
    }  
    });  
})  
</script>
Salin selepas log masuk

Atas ialah kandungan terperinci jQuery keyup()事件的使用与定义. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan