html中button的事件如何实现

html-css08

html中button的事件如何实现,第1张

事件属性button,是触发事件的时候,获取事件对象获取button的值判断,是按下了鼠标的哪个键。

1、首先创建一个名称为button的html文件,如下图所示。

2、在body中加入onmousedown事件,事件中加入自定义函数,函数中加入事件返回对象。

3、接着加入一个p标签加入id,如下图所示。

4、然后创建一个自定义函数mybutton,如下图所示。

5、自定义函数中通过event。button属性获取整数值,并判断整数值来区分鼠标按键。

6、最后在浏览器中打开文件,在指定区域随意按下鼠标按键,查看结果。

onClick HTML: 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击

onDblClick HTML: 鼠标双击事件

onMouseDown HTML: 鼠标上的按钮被按下了

onMouseUp HTML: 鼠标按下后,松开时激发的事件

onMouseOver HTML: 当鼠标移动到某对象范围的上方时触发的事件

onMouseMove HTML: 鼠标移动时触发的事件

onMouseOut HTML: 当鼠标离开某对象范围时触发的事件

onKeyPress HTML: 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]

onKeyDown HTML: 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象]

onKeyUp HTML: 当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象]

事件是类似于:点击时触发、鼠标悬停触发、按键按下触发等能够触发方法的叫事件。

方法就是事件发生后触发的逻辑。

html属性是:长度、宽度、样式、名称、id等这些定义html标签的叫做属性。

纯手写,望采纳