jquery事件方法课堂小结
瓶子2018-11-15 14:12:15198$(document).ready(function () {
//鼠标这指针位置
$(document).mousemove(function (aa) {
$("#test > span").text('x:' + aa.pageX + 'y:' + aa.pageY)
})
//窗口大小调整(可以是窗口的显示比例调整,也可以是窗口的大小调整)
var a = 0;
$(window).resize(function () {
// alert('窗口大小调整了')
$('#test > b').text(a++);
})
//鼠标悬浮事件
$("#test > label").mousemove(function () {
$("#test > label").append('我是后来追加的;')
})
//指针穿过元素时触发
$("#test > label").mouseenter(function () {
$(this).text('1、指针穿过元素时发生;')
})
//指针在元素上移动时触发
$("#test > label").mousemove(function () {
$(this).text('2、指针在元素上移动时触发;')
})
//指针离开元素时触发
$("#test > label").mouseleave(function () {
$(this).text('3、指针离开元素时触发;')
})
//指针从元素上移开时触发
$("#test > label").mouseout(function () {
$(this).text('4、指针从元素上移开时触发;')
})
//指针移到元素上方并按下鼠标按键时触发
$("#test > label").mousedown(function () {
$(this).text('5、指针移到元素上方并按下鼠标按键时触发;')
})
//指针移动到元素上方并松开鼠标按键时触发
$("#test > label").mouseup(function () {
$(this).text('4、指针移动到元素上方并松开鼠标按键时触发;')
})
})