关于click事件添加方法

来源:8-4 取消计时器clearInterval()

harry2013

2016-07-21 18:46

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="texthtml; charset=utf-8">

<title>计时器</title>


</head>

<body>

  <form>

    <input type="text" id="clock" size="50"  />

    <input type="button" value="Stop" id="stop" />

  </form>

</body>

<script type="text/javascript">

   function clock(){

      var time=new Date();                

      document.getElementById("clock").value = time;

   }

var a = setInterval("clock()",100)

document.getElementById("stop").onclick=clearInterval(a);

</script>

<html>

如果在input元素内加上onclick="clearInterval(a)"是可以实现的。在script标签内只能写一个function,再onclick=function名,也可以实现。但是在script标签内怎么实现不写function,即onclick=function内容,能实现得了吗?


写回答 关注

4回答

  • 慕函数9642432
    2016-07-24 14:49:29
    已采纳

    把你的那句改成document.getElementById("stop").onclick=function(){
            clearInterval(a)
        };就可以运行了,具体原因我也不清楚

    慕函数964... 回复harry2...

    你的那句可以运行,只是忘记加了一对引号,改成下面语句就可以了。 document.getElementById("stop").onclick="{setInterval(a)}"; 这样应该是你一开始想要的语句吧,即onclick=function内容,但是function内容必须用引号引起来;你在input元素中加了引号,所以可以实现,而在script标签内写onclick=function内容时忘记加引号了

    2016-08-01 15:10:02

    共 2 条回复 >

  • 慕函数9642432
    2016-07-23 15:52:03

    可以吧。像<input type="button" value="add"  onclick="{document.write( 2+3)}"/>这句代码就可以输出结果5,而document.write( 2+3)可以作为一个函数的具体内容

    harry2...

    求助 求助

    2016-07-24 09:39:27

    共 2 条回复 >

  • 问题多多求解答
    2016-07-21 21:52:55

    新手在学,听大神说可以,具体写法我也不会。

    harry2...

    你要是会了,告诉我哦

    2016-07-22 09:26:05

    共 1 条回复 >

  • 问题多多求解答
    2016-07-21 21:31:04

    能实现

    harry2...

    你说嘛 重点是怎么实现

    2016-07-21 21:43:30

    共 1 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468194 学习 · 21891 问题

查看课程

相似问题