返回jQuery事......登陆

jQuery事件小结

徐唐诗2018-11-18 13:38:20225

<!DOCTYPE html>

<html>

<head>

<title>jQuery事件</title>

<script type="text/javascript" src="js/jquery-3-3.1.min.js"></script>

<script type="text/javascript">


</script>

</head>

<body>

<script type="text/javascript">

// mouseover() 当鼠标指针位于元素上方时会发 mouseover事件

// mouseenter() 当鼠标指针穿过元素时会发生 mouseenter事件

// mousemove() 当鼠标在指定元素中移动时,就会发生该事件

// mouseleave() 当鼠标指针离开元素时

// mouseout() 当鼠标指针从元素移开时

// mousedown() 当鼠标指针移动到元素上方并按下鼠标按键时

// mouseup() 当在元素上松开鼠标按键时

// resize() 当调整当前浏览器窗口大小时

// pageX() 属性是鼠标指钍的位置,相对于文档的左边缘

// pageY() 属性是鼠标指针的位置,相对于文档的上边缘

$(document).ready(function(){

$(document).mousemove(function(aa){

$('span').text('x: '+aa.pageX+'y: '+aa.pageY)

})


})

</script>


<div>

当前鼠标的位置:<span> </span>

</div>

</body>

</html>

我测试到,没有显示鼠标位置显示 

最新手记推荐

• 用composer安装thinkphp框架的步骤• 省市区接口说明• 用thinkphp,后台新增栏目• 管理员添加编辑删除• 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消回复发送