JQuery-event

$("input").focus(function(){
	$("<span>Focused!</span>").appendTo("body").fadeOut(1000);
});
$("#new").click(function(){
	$("input").triggerHandler("focus");
});
$( "#foo" ).on( "click", function() {
  $("input").trigger("focus");
});

和trigger不同的是,triggerHandler不会触发事件的默认行为,也就是是否会有光标



$( "#foo" ).on( "click", function() {
  alert( $( this ).text() );
});
$( "#foo" ).click= function() {
  alert( $( this ).text() );
}

这两个函数效果相同



$( "#dataTable tbody" ).on( "click", "tr", function() {
console.log( $( this ).text() );
});

现在绑定函数统一使用on



$j(document).ready(function(){
	document.getElementById("name").focus();
}); 
document.getElementById("name").onblur=function(){
}

js的事件触发,注意,js的事件和JQuery的事件并不兼容,假设你用js设置了 focus 事件,光标离开文本框时,是触发不了JQuery设置的 blur 事件的。



$('input').bind('input propertychange', function() { 
	//进行相关操作 
});

if(isIE) 
{ 
	document.getElementById("input").onpropertychange = keys(); 
} 
else //需要用addEventListener来注册事件 
{ 
	document.getElementById("input").addEventListener("input", keys, false);
}

js与jquery实时监听输入框值的oninput与onpropertychange方法





你可能感兴趣的:(jquery,事件)