html中button的事件如何实现

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

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

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

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

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

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

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

需要准备的材料分别有：电脑、chrome浏览器、html编辑器。

1、首先，打开html编辑器，新建一个html文件，例如：index.html，填充问题基础代码。

2、其次，在index.html中的按钮标签中，输入样式代码：

style="width: 80pxheight: 40pxbackground-color: #e6b900border: 0pxborder-radius: 3px"

3、浏览器运行index.html页面，此时成功将提交按钮修改为黄色div样式。

可以用定位来实现这种按钮，参考如下：

style部分参考如下:

.search { position:relativewidth: 462px}

.search .searchText { border: 1px solid #dddwidth: 346pxline-height: 32pxheight: 32pxpadding: 0 5pxcolor: #333}

.search .searchButton { position:absoluteright:50pxbackground: url(../images/sliced.gif) -251px 0 no-repeatwidth: 80pxheight: 32px text-indent: -9999pxborder:none}

html部分参考如下:

<div class="search fl">

<form action="#">

<input class="searchText" type="text" value="请输入搜索关键字" onfocus="if(this.value=='请输入搜索关键字')this.value=''" onblur="if(this.value=='')this.value='请输入搜索关键字'"/>

<input class="searchButton" type="button" value="搜索" />

</form>

<div class="clear"></div>

</div>

---