HTML中怎样判断button这一按钮是否被点击？

Answer 1

想要判断出按钮是否被点击，这个功能必须配合javascript才能实现，只是HTML是没有这个功能。

<input type="button" value="点击测试"/>

首先需要添加点击事件，暂时定义为点击后执行一个函数，函数名定义为Clicked。

<input type="button" value="点击测试" onclick="Clicked()"/>

然后在按钮外部添加一个<script>标签作为Clicked函数的容器：

<script type="text/javascript"></script> 

其中text/javascript是告诉浏览器script标签中的内容以javascript方式解读。

再把函数Clicked写入script标签：

<script type="text/javascript">function Clicked(){}</script>

var clkBool=false;

这句话要写在Clicked函数外部，用于浏览器加载页面时，即立马定义clkBool值为false，而无关Clicked函数执行与否。然后点击之后，将clkBool赋值为True。

clkBool=true;

这句话要写在Clicked函数内部，仅当Clicked函数执行时（按钮点击时）才调用这句代码，则完整script标签如下：

<script type="text/javascript">

var clkBool=false;function Clicked(){clkBool=true;}</script>

再通过另一段javascript来调用（javascript可以调用HTML，而HTML无法调用javascript），设定另一个按钮来查看之前的按钮是否被点击过：

<input type=" button" value="判断点击" onclick="CheckClk()"/><script type="text/javascript">function CheckClk(){//定义函数CheckClkif (clkBool) {//用if判断clkBool的值，一般写作if(clkBool==true)，但(clkBool==true)本身返回结果就是true和false，返回结果一定等于clkBool本身，所以可以这么写alert("按钮已经点击过");//弹出警告框}else{//如果不满足if的条件alert("按钮未被点击");//弹出警告框}}</script>

两个按钮及按钮对应的script标签合并，最终代码：

<input type="button" value="点击测试" onclick="Clicked()"/>
<input type=" button" value="判断点击" onclick="CheckClk()"/><script type="text/javascript">var clkBool=false;function Clicked(){clkBool=true;}function CheckClk(){if (clkBool) {alert("按钮已经点击过");}else{alert("按钮未被点击");}}</script>

Answer 2

额，就是，这样，在这样，最后这样。看图吧，语文不好

Answer 3

HTML中判断button这一按钮是否被点击, 首先要实现HTML这个功能必须配合javascript才能实现，纯HTML没有这个功能，因此button这一按钮没有被点击。

简介：

HTML  超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。