html中button的事件如何实现

 我来答
生活知识小超人
高粉答主

2021-07-15 · 醉心答题,欢迎关注
知道答主
回答量:2078
采纳率:50%
帮助的人:92.3万
展开全部

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

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

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

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

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

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

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

海兴之家
推荐于2018-12-06 · TA获得超过535个赞
知道小有建树答主
回答量:925
采纳率:61%
帮助的人:294万
展开全部
最简单的一个例子:
<input type="button" value="测试" onclick="alert('这是一个事件测试')" />
如果实现更复杂的功能可以写一个函数,然后在事件里调用
如:<script>
function button_onclick(){
//这里写你要执行的语句
alert("这是调用函数");
}
</script>
<input type="button" value="测试" onclick="javascript:button_onclick();" />
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
linyue8808
2011-08-10
知道答主
回答量:15
采纳率:0%
帮助的人:4.7万
展开全部
<button onclick="fun()"></button>

<script>
functon fun(){
alert("被点击");
}
</script>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
热爱电子数码
高能答主

2021-06-14 · 了解电子产品知识,分享数码相关资料。
热爱电子数码
采纳数:367 获赞数:28358

向TA提问 私信TA
展开全部

html中button的事件:

<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"

<meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"

<title>Document</title> </head> <body> </body

<script>btn = document.createElement("button")btn.onclick = function () {console.log("被击")}btn.style.backgroundColor = "black";btn.style.height = "40px";btn.style.width = "40px";document.body.appendChild(btn);</script>。



HTML经历:

五次重大修改,用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML标准版本。 HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。

HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的,微数据与微格式等方面的支持,构建对程序、对用户都更有价值的数据驱动的Web。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
sweetboy897
2011-08-10 · TA获得超过100个赞
知道答主
回答量:62
采纳率:0%
帮助的人:81.8万
展开全部
1.可以用js来实现,button中写个onclick事件调用js的方法
2.用<input type="submit"/>自动提交表单请求

我是从“上海全鼎软件学院”毕业的————————
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 2条折叠回答
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式