jQuery基础事件-事件简写

本文详细介绍了使用jQuery进行事件绑定的方法,包括click、mousedown、mouseleave等鼠标事件,resize、scroll等窗口事件,select、change等输入事件,以及focus、blur等焦点事件。通过具体示例展示了如何为DOM元素绑定不同类型的事件处理器。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

//事件绑定简写
/**
$(function(){
/**$('input').click(function (argument) {
alert('click');
});
*/


/**
$('input').mousedown(function (argument) {
alert('mousedown');
})
*/


/**
$('input').mouseleave(function (argument) {
// body...
alert('mouseleave');
})
*/


/**
$(window).resize(function (argument) {
// body...
alert('size change');
})
*/




/**
$(window).scroll(function (argument) {
// body...
alert('scroll');
})
*/
/**
$('input').select(function (argument) {//select是当选中文本内时触发事件
// body...
alert('select');
})
*/


/**
$('input').change(function (argument) {//当文本中的内容被改变时触发事件
// body...
alert('change');
})
*/


     /**
$('form').submit(function (argument) {
// body...
alert('submit');
})
*/


/**
    $('input').keydown(function() {
    alert('按下');
    });
    */
    
   
   /**
   $('input').keyup(function() {//输入的值立即显示在文本框上
    alert('抬起');
   });
   */
   
   /**
  $('input').keypress(function(){//输入的内容在关闭弹框后才显示在文本框上
  alert('按下');
  });
  */
 /**
 $('input').keypress(function(event){
  //charCode 返回onkeypress事件触发键值的字母代码。
  alert(event.charCode);
 });
 */


/**
 $('input').keydown(function(event){
  // keyCode 返回 onkeydown 或 onkeyup 事件的键的代码。
  alert(event.keyCode);
 });
 */
/**
$('input').focus(function(){//会一直获得焦点,需要是具体的标签,如父标签就不行
alert('获得焦点');
});
*/


/**
 $('input').blur(function(){//当获得焦点后点击其他位置即可失去焦点
  alert('失去焦点');
 });
 */
/**
$('div').focusin(function(){//会一直获得焦点,不需要是具体的标签,如父标签
alert('focusin');
})
*/
/**
$('div').focusout(function(){//会一直获得焦点,不需要是具体的标签,如父标签
alert('focusout');
})
*/


})
*/
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值