本题展示了一个简化版的标签输入框,功能如下: 1、当用户输入内容并敲回车键时,将输入框的内容在输入框前显示成标签,并清空输入框内容 2、当用户敲删除键时,如果输入框当前没有内容,则删除前一个标签 3、标签需要去掉字符串两端的多余的空格 4、标签不能为空字符串 5、标签不能重复,如果输入已存在的内容相同的标签,则不添加,并清空输入框 6、请补充完成tagInput.init、tagInput.bindEvent、tagInput.addTag、tagInput.removeTag函数,实现上面的需求 7、相关键码值,回车键=13,删除键=8 8、请不要手动修改html和css 9、不要使用第三方插件 10、请使用ES5语法-笔试面试资料

这是qklbishe.com第12819 篇笔试面试资料
提供答案分析,通过本文《本题展示了一个简化版的标签输入框,功能如下:
1、当用户输入内容并敲回车键时,将输入框的内容在输入框前显示成标签,并清空输入框内容
2、当用户敲删除键时,如果输入框当前没有内容,则删除前一个标签
3、标签需要去掉字符串两端的多余的空格
4、标签不能为空字符串
5、标签不能重复,如果输入已存在的内容相同的标签,则不添加,并清空输入框
6、请补充完成tagInput.init、tagInput.bindEvent、tagInput.addTag、tagInput.removeTag函数,实现上面的需求
7、相关键码值,回车键=13,删除键=8
8、请不要手动修改html和css
9、不要使用第三方插件
10、请使用ES5语法-笔试面试资料》可以理解其中的代码原理,这是一篇很好的求职学习资料
本站提供程序员计算机面试经验学习,笔试经验,包括字节跳动/头条,腾讯,阿里,美团,滴滴出行,网易,百度,京东,小米,华为,微软等互联网大厂真题学习背诵。

答案:
本题展示了一个简化版的标签输入框,功能如下:  1、当用户输入内容并敲回车键时,将输入框的内容在输入框前显示成标签,并清空输入框内容  2、当用户敲删除键时,如果输入框当前没有内容,则删除前一个标签  3、标签需要去掉字符串两端的多余的空格  4、标签不能为空字符串  5、标签不能重复,如果输入已存在的内容相同的标签,则不添加,并清空输入框  6、请补充完成tagInput.init、tagInput.bindEvent、tagInput.addTag、tagInput.removeTag函数,实现上面的需求  7、相关键码值,回车键=13,删除键=8  8、请不要手动修改html和css  9、不要使用第三方插件  10、请使用ES5语法
本题展示了一个简化版的标签输入框,功能如下:
1、当用户输入内容并敲回车键时,将输入框的内容在输入框前显示成标签,并清空输入框内容
2、当用户敲删除键时,如果输入框当前没有内容,则删除前一个标签
3、标签需要去掉字符串两端的多余的空格
4、标签不能为空字符串
5、标签不能重复,如果输入已存在的内容相同的标签,则不添加,并清空输入框
6、请补充完成tagInput.init、tagInput.bindEvent、tagInput.addTag、tagInput.removeTag函数,实现上面的需求
7、相关键码值,回车键=13,删除键=8
8、请不要手动修改html和css
9、不要使用第三方插件
10、请使用ES5语法

本题展示了一个简化版的标签输入框,功能如下:  1、当用户输入内容并敲回车键时,将输入框的内容在输入框前显示成标签,并清空输入框内容  2、当用户敲删除键时,如果输入框当前没有内容,则删除前一个标签  3、标签需要去掉字符串两端的多余的空格  4、标签不能为空字符串  5、标签不能重复,如果输入已存在的内容相同的标签,则不添加,并清空输入框  6、请补充完成tagInput.init、tagInput.bindEvent、tagInput.addTag、tagInput.removeTag函数,实现上面的需求  7、相关键码值,回车键=13,删除键=8  8、请不要手动修改html和css  9、不要使用第三方插件  10、请使用ES5语法 lfkls_23
显示系统错误,但自测没问题 var tagInput = {     isInited: false,     init: init,     bindEvent: bindEvent,     addTag: addTag,     removeTag: removeTag }; tagInput.init(); var taginput=document.querySelector('.tag-input') function init() {     var that = this;     if (that.isInited) return;     that.isInited = true;     // 请修改这一行代码,保存class为js-input的输入框的dom元素引用     that.input = document.querySelector('.js-input');     that.bindEvent(); }  function bindEvent() {     var that = this;     var input = that.input;     if (!input) return;     input.addEventListener('keydown', function (event) {         // 请修改这一行代码,判断用户是否按了回车键         var isEnter         var isDelete         if(event.keyCode===13){             isEnter = true;         }         // 请修改这一行代码,判断用户是否按了删除键         else if(event.keyCode===46){             isDelete = true;         }         (isEnter || isDelete) && event.preventDefault();         isEnter && that.addTag();         isDelete && that.removeTag();     });     input.parentNode.addEventListener('click', function () {         input.focus();     }); }  function addTag() {     var that=this;     var tags=taginput.querySelectorAll('.tag')     var s=that.input.value     if(s.length===0){         isEnter=false;         isDelete=false;         return      }     that.input.value=(s.match(/S+/))[0]      for(let i=0;i<tags.length;i++){         if(tags[i].innerHTML===that.input.value){             that.input.value=''             isEnter=false;             isDelete=false;             return          }     }     var div = document.createElement("span");     div.className='tag';     div.innerHTML=that.input.value;     taginput.insertBefore(div,that.input);     that.input.value=''     isEnter=false;     isDelete=false; }  function removeTag() {     var that=this;     if(that.input.value){         isEnter=false;         isDelete=false;         return      }else{         var tags=taginput.querySelectorAll('.tag')         if(tags.length===0){             isEnter=false;             isDelete=false;             return         }         taginput.removeChild(tags[tags.length-1])     } }

2021-06-12 17:35:28 回复(0)

文章部分来自互联网,侵权联系删除
www.qklbishe.com

区块链毕设网(www.qklbishe.com)全网最靠谱的原创区块链毕设代做网站
部分资料来自网络,侵权联系删除!
资源收费仅为搬运整理打赏费用,用户自愿支付 !
qklbishe.com区块链毕设代做网专注|以太坊fabric-计算机|java|毕业设计|代做平台 » 本题展示了一个简化版的标签输入框,功能如下: 1、当用户输入内容并敲回车键时,将输入框的内容在输入框前显示成标签,并清空输入框内容 2、当用户敲删除键时,如果输入框当前没有内容,则删除前一个标签 3、标签需要去掉字符串两端的多余的空格 4、标签不能为空字符串 5、标签不能重复,如果输入已存在的内容相同的标签,则不添加,并清空输入框 6、请补充完成tagInput.init、tagInput.bindEvent、tagInput.addTag、tagInput.removeTag函数,实现上面的需求 7、相关键码值,回车键=13,删除键=8 8、请不要手动修改html和css 9、不要使用第三方插件 10、请使用ES5语法-笔试面试资料

提供最优质的资源集合

立即查看 了解详情