JQuery事件对象的属性event

  • event.type属性(获取事件的类型)
$("a").click(function (event) {
                alert(event.type);
                return false;   //阻止页面跳转
            });

代码运行后返回:"click". 

  • event.preventDefault()方法(阻止默认的事件行为,如表单中某个元素为空不能提交时使用),也可用return false代替。
$("#sub").click(function (event) {
                var username = $.trim($("#username").val());
                if (username == "") {
                    alert("用户名不能为空");
                    $("#username").focus();
                    //event.preventDefault(); //阻止默认行为
                    return false; //两种方法均可
                }

 

  • event.stopPropagation()方法(阻止事件的冒泡)),也可用return false代替。
  • event.target属性(获取到触发事件的元素)
 $("a[href=http://www.sina.com.cn]").click(function (event) {
                    alert(event.target.href);//获取触发事件的<a>元素的href属性
                    return false; //阻止页面跳转
                });
  • event.pageX/event.pageY属性(获取到光标相对于页面的x坐标和y坐标)

你可能感兴趣的:(jquery)