JS实现搜索按钮的点击事件

JS实现搜索按钮的点击事件

开发工具与关键技术:DW  JS
作者:易金亮
撰写时间:2019.02.02

在各个网页或者软件中,往往离不开搜索框以及搜索按钮,下面我们来用JS实现简单的搜索按钮点击事件,如下图:
JS实现搜索按钮的点击事件
我们先通过以上代码编写出一个搜索框和一个搜索按钮,效果如下图所示:
JS实现搜索按钮的点击事件
然后通过JS来实现搜索按钮的点击事件,首先先获取搜索按钮的ID,然后给它一个点击事件,如下图:
JS实现搜索按钮的点击事件
这样当点击搜索按钮时就会弹出一个如下图所示的提示框:
JS实现搜索按钮的点击事件
如果再给它添加一些如下图所示的提问消息的话:
JS实现搜索按钮的点击事件
当点击确定时,就可以出现如下所示的效果了:
JS实现搜索按钮的点击事件
JS实现搜索按钮的点击事件
JS实现搜索按钮的点击事件
就这样我们就通过JS实现了搜索按钮的点击事件了