怎么用js取消点击事件

代码编纂器:Dreamweaver CS5
Firefox浏览器方式/
1新建一个html文件 , 定名为test.html , 用于讲解怎么用js打消点击事务 。

怎么用js取消点击事件

文章插图

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


怎么用js取消点击事件

文章插图

3【怎么用js取消点击事件】给两个按钮button别离绑定点击事务 , 当按钮被点击 , 别离执行isgood()函数、cancel()函数 。


怎么用js取消点击事件

文章插图

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


怎么用js取消点击事件

文章插图

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

怎么用js取消点击事件

文章插图

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


怎么用js取消点击事件

文章插图

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

怎么用js取消点击事件

文章插图

怎么用js取消点击事件

文章插图

怎么用js取消点击事件

文章插图


以上内容就是怎么用js取消点击事件的内容啦 , 希望对你有所帮助哦!

    推荐阅读