返回jquery事......登陆

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、指针移动到元素上方并松开鼠标按键时触发;')
       })
   })


最新手记推荐

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

全部回复(0)我要回复

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