！[>搜索功能模仿
jquery回车监听事件在最后那行代码
define（'widget / search.js'，[]，函数（require，导出，模块）{var _dom = {关键字：$（'。js_keyword'），dataRole：$（'。js_submit'）。attr（'data -role'），btn：$（'。js_submit'），
}; 函数search（）{var type = _dom.dataRole; var keyword = _dom.keyword.val（）; if（关键字！=''）{
location.href ='http://wzy.search.xxx.com/detail/list/?filter='+类型+'＆keyword ='+关键字；
}其他{
$ .dialog.errorTips（“请您输入搜索内容”）;
}
} module.exports = {初始化：函数（）{
$（'[data-act =“ searcher”]'）。on（'click'，function（e）{
搜索（）;
}）;
}
}; //回车监听事件
$ {document）.keydown（function（event）{if（event.keyCode == 13）{
搜索（）;
}
}）;
}）;
HTML自定义属性的应用
考虑到搜索功能是网站的公共功能，可以从多个页面重新到搜索页，故做如下优化：
html自定义属性，区分是从该页面扩展到搜索
在public.js中初始化搜索（public.js会被所有页面约会）
js根据类型（页面来源）和关键字（关键字）进行搜索
html代码
数据行为的作用：
public.js据此判断是搜索功能还是其他功能
数据角色的作用：
search.js据此判断搜索的类型
<div class =“ search-box fn-right js_search_container”> <div class =“ box”>
<input type =“ text” name =“” class =“ frm-input js_keyword”
placeholder =“输入关键字” />
<input type =“ submit” class =“ btn btn-primary search js_submit” data-act =“ searcher” data-role =“ series”
value =“搜索” />
</ div>
</ div>
一个敲代码，写文字的人，我在这里！
430.jpg
]（http://upload-images.jianshu.io/upload_images/1422490-c4d9318c9c7a1a1b.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240）>搜索功能建模
jquery回车监听事件在最后那行代码
define（'widget / search.js'，[]，函数（require，导出，模块）{var _dom = {关键字：$（'。js_keyword'），dataRole：$（'。js_submit'）。attr（'data -role'），btn：$（'。js_submit'），
}; 函数search（）{var type = _dom.dataRole; var keyword = _dom.keyword.val（）; if（关键字！=''）{
location.href ='http://wzy.search.xxx.com/detail/list/?filter='+类型+'＆keyword ='+关键字；
}其他{
$ .dialog.errorTips（“请您输入搜索内容”）;
}
} module.exports = {初始化：函数（）{
$（'[data-act =“ searcher”]'）。on（'click'，function（e）{
搜索（）;
}）;
}
}; //回车监听事件
$ {document）.keydown（function（event）{if（event.keyCode == 13）{
搜索（）;
}
}）;
}）;
HTML自定义属性的应用
考虑到搜索功能是网站的公共功能，可以从多个页面重新到搜索页，故做如下优化：
html自定义属性，区分是从该页面扩展到搜索
在public.js中初始化搜索（public.js会被所有页面约会）
js根据类型（页面来源）和关键字（关键字）进行搜索
html代码
数据行为的作用：
public.js据此判断是搜索功能还是其他功能
数据角色的作用：
search.js据此判断搜索的类型
<div class =“ search-box fn-right js_search_container”> <div class =“ box”>
<input type =“ text” name =“” class =“ frm-input js_keyword”
placeholder =“输入关键字” />
<input type =“ submit” class =“ btn btn-primary search js_submit” data-act =“ searcher” data-role =“ series”
value =“搜索” />
</ div>
</ div>
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jQuery