怎么用js取消点击事件

代码编纂器:Dreamweaver CS5

Firefox浏览器

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解怎么用js打消点击事务。

    c995d143ad4bd11346a62b3a55afa40f4bfb054a.jpg
  2. 2

    在test.html文件中,利用button标签建立两个按钮,一个是“点击”按钮,另一个是“打消点击事务”按钮。

    b3b7d0a20cf431ad713ddf314436acaf2fdd98cf.jpg
  3. 3

    给两个按钮button别离绑心猿意马点击事务,当按钮被点击,别离执行isgood()函数、cancel()函数。

    55e736d12f2eb93850bfe6fada628535e4dd6fec.jpg
  4. 4

    在js标签内,建立isgood()函数,当函数执行时,弹出"点击当作功"的提醒。

    fc1f4134970a304edbc23cf2dec8a786c8175cd2.jpg
  5. 5

    在js标签内,建立cancel()打消点击事务函数,在函数内,利用getElementById()方式经由过程id获得第一个按钮对象,将onclick属性设置为null来实现打消按钮的点击事务。

    f11f3a292df5e0fe46b71609536034a85edf720f.jpg
  6. 6

    最后,在cancel()函数中,利用alert()有方式弹出“打消点击事务当作功”的提醒。

    d53f8794a4c27d1ecbb1a4cc14d5ad6eddc43826.jpg
  7. 7

    在浏览器打开test.html文件,点击按钮,测试成果。

    d043ad4bd11373f0b68af197ab0f4bfbfbed0404.jpg 2fdda3cc7cd98d10c1f892392e3fb80e7bec908e.jpg faedab64034f78f0cbbe04fb76310a55b3191c04.jpg
  • 发表于 2019-10-18 17:00
  • 阅读 ( 899 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具