一:鼠标尺寸类样式都要事件对象的配合Tip:注意与浏览器及元素尺寸分开,鼠标类尺寸样式都是X,Y,浏览器及元素的各项尺寸时Height,Width1:检测相对于浏览器的位置:event.clientX/event.clientYclient:整个浏览器的可视区域,当点击鼠标的时候,鼠标事件发生的位置距离浏览器可视区域的左边和上边的距离clientX:鼠标事件发生的位置距离浏览器可视区域的左边的距离
分类:
编程语言 时间:
2020-01-16 11:03:23
阅读次数:
88
一、事件概述 事件是什么? 在我们的生活中,都会接触到事件这样一个概念,它通常通过描述发生这件事的时间、地点、人物,发生了什么来进行概括。 同样的在javascript也有这样的一个的东西 事件。 页面上发生的事件:鼠标移动、点击、滚动等等。 事件描述了页面上发生的事情,通常它有以下三个要素组成: ...
分类:
Web程序 时间:
2019-12-27 23:59:35
阅读次数:
177
在触发DOM某个事件时,会产生一个事件对象,event 只在程序执行时才会存在,执行完毕就销毁。 event中包含所有与事件有关的信息 兼容问题 需要ie9以上才行 var event=event||window.event; 鼠标事件 onclick(单击) ondblclick(双击) onco ...
分类:
Web程序 时间:
2019-12-27 21:37:03
阅读次数:
117
1.事件驱动 js控制页面的行为是由事件驱动的。 什么是事件?(怎么发生的) 事件就是js侦测到用户的操作或是页面上的一些行为 事件源(发生在谁身上) 引发事件的元素 事件处理程序(发生了什么事) 对事件处理的程序或函数 事件对象(用来记录发生事件时的相关信息) 只有在事件发生的时候,才会产生事件对 ...
分类:
编程语言 时间:
2019-12-21 13:35:17
阅读次数:
85
// main.js import Vue from 'vue';//通常已经引入 window.eventBus = new Vue(); // 注册全局事件对象 // 修改Vue的原型链 Vue.prototype.$event = new Vue();//使用方式 this.$event.$e ...
分类:
其他好文 时间:
2019-12-17 18:19:04
阅读次数:
265
自定义html元素鼠标右键菜单 实现思路 在触发contextmenu事件时,取消默认行为(也就是阻止浏览器显示自带的菜单),获取右键事件对象,来确定鼠标的点击位置,作为显示菜单的left和top值 编码实现 <!DOCTYPE html> <html> <head> <meta charset=" ...
分类:
编程语言 时间:
2019-12-02 13:51:32
阅读次数:
127
1、offsetXoffset意为偏移量,是事件对象距左上角为参考原点的距离。以元素盒子模型的内容区域的左上角为参考点。不包括border。2、clientX事件对象相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条3、pageX事件对象相对于整个文档的坐标以像素为单位. ...
分类:
其他好文 时间:
2019-11-29 15:44:31
阅读次数:
95
201871010111-刘佳华《面向对象程序设计(java)》第十三周学习总结 实验十一 图形界面事件处理技术 实验时间 2019-11-22 第一部分:理论知识总结 1.事件源:能够产生事件的对象都可以成为事件源,如文本框,按钮等。一个事件源是一个能够注册监听器并向监听器发送事件对象的对象。 2 ...
分类:
编程语言 时间:
2019-11-24 19:33:11
阅读次数:
69
java事件监听器分为三部分:事件,事件源,监听器。 当事件源发生某个动作的时候,它会调用事件监听器的方法,并在调用事件监听器方法的时候把事件对象传递进去。 事件类 接口: 监听器 接口 鼠标 所有组件都能发出鼠标事件,MouseEvent类负责捕获鼠标事件,可以通过为组件添加实现了MouseLis ...
分类:
其他好文 时间:
2019-11-24 15:51:33
阅读次数:
54
对象 创建 var myObject = {};/* 声明对象字面变量*/ 添加值myObject.name="Jener";myObject.age=25; 代码格式 var person = {name : "zhangsan",age : 25,say :function(){alert("说 ...
分类:
Web程序 时间:
2019-11-16 13:02:08
阅读次数:
77