JavaScript学习 jquery13 其他事件

本文深入探讨了JavaScript中元素事件绑定的相关API,包括load、unload、resize、scroll等事件,以及如何使用这些API实现页面加载、窗口关闭、窗口大小变化、滚动条变化等场景的事件监听与响应。
$("Element").load(type,function)
在元素后面绑定一个处理函数,当元素内容加载完毕后自动调用。就如同每次写jQuery的时候都写jQuery,$(document).reday()或者$的方式差不多。这个元素包括所有的元素
type:事件类型
function:函数体
 $(window).load(alert("windows窗口已加载完成"));


$("Element").unload(function)
与上面的函数相反,在每一个匹配元素的卸载事件中绑定一个处理函数。比如页面卸载的时候弹出一个警告框。$(document).unload( function () { alert("Bye now!"); } );
 $(window).unload(function(){
	   alert("88");		  
	 })
当窗口被关闭的时候触发


$("Element").resize(function)
当窗口大小发生改变的时候触发,比如$(window).resize(function(){alert("你正在试图改变窗口的大小");});
 $(window).resize(function(){
	    alert("您下在试图改变窗口的大小"); 					
	 })





$("Element").scroll(function)
当滚动条发生改变的时候触发$(window).scroll(function(){alert("你正在试图改变滚动条");});
   $(window).scroll(function(){
	   alert("您下在试图改变滚动条");
	 })

$("Element").select()
触发每一个匹配元素的select事件,这个函数会调用执行绑定到select事件的所有函数,包括浏览器的默认行为。比如触发所有input元素的select事件,$("input").select();
    $("input").select(function(){
		alert("对不起,密码不可以复制");
		});




$("Element").select(function)
当用户在文本框(包括input和textarea)中选中某段文本时会触发select事件。
同上



$("Element").submit()
函数会调用执行绑定到submit事件的所有函数,包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。$("form:first").submit(); 表示第一个form提交的时候触发。

    提交的时候触发,相当于添加了一部分处理内容

$("form:first").submit(function (){
				alert("已提交");			
		});





$("Element").submit(function)
在每一个匹配元素的submit事件中绑定一个处理函数。
      同上



$("Element").error()
这个函数会调用所有绑定到error事件上的函数,包括在对应元素上的浏览器默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。error事件通常可以在元素由于点击或者tab导航失去焦点时触发。
      



$("Element").error(function)

对于error事件,没有一个公众的标准。在大多数浏览器中,当页面的JavaScript发生错误时,window对象会触发error事件;当图像的src属性无效时,比如文件不存在或者图像数据错误时,也会触发图像对象的error事件。

$("img").error(function(){
		alert("出错了");						
		})


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值