html中button的事件如何实现

html-css013

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

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

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

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

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

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

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

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

html中submit和button二者都以按钮的形式展现,看起来都是按钮，所不同的是type属性和处发响应的事件上，submit会提交表单，button不会提交表单。

submit和button两者主要区别在于：

1、submit默认为form提交，可以提交表单（form）。submit其实是button的一个特例，也是button的一种，它把提交这个动作自动集成了。

2、button作为普通的按钮则响应用户自定义的事件,如果不指定onclick等事件处理函数，它是不做任何事情，不会自动提交表单数据。当然，button也可以通过JS代码完成表单提交的工作。比如: onclick="document.form1.submit()"。

3、如果表单在点击提交按钮后需要用JS进行处理（包括输入验证）后再提交的话，通常都必须把submit改成button，即取消其自动提交的行为，否则，将会造成提交两次的效果，对于动态网页来说，也就是对数据库操作两次。或者在使用submit时验证时加return true或false。