不绑定keyup,而绑定值变化

This commit is contained in:
Jerry Yan 2022-08-08 14:54:20 +08:00
parent 9609aef740
commit 15da10001b

@ -1,7 +1,7 @@
export default class PickleComplate { export default class PickleComplate {
/** /**
* *
* @param {object} obj as tree object * @param {object} obj as tree object
*/ */
constructor(obj = null) { constructor(obj = null) {
//set config //set config
@ -10,7 +10,7 @@ export default class PickleComplate {
this.req_params = obj.request; this.req_params = obj.request;
//target element //target element
this.element = null; this.element = null;
//static data //static data
this.container = obj.data; this.container = obj.data;
//list div element //list div element
this.sug_div = null; this.sug_div = null;
@ -30,7 +30,7 @@ export default class PickleComplate {
staticEvents() { staticEvents() {
// key up event // key up event
document.querySelectorAll(this.config.target+' input').forEach(e => { document.querySelectorAll(this.config.target+' input').forEach(e => {
e.addEventListener('keyup', el => { e.addEventListener('input', el => {
if(this.config.changeCallback !== undefined && this.config.changeCallback!== null) this.config.changeCallback(el.target); if(this.config.changeCallback !== undefined && this.config.changeCallback!== null) this.config.changeCallback(el.target);
if(el.target.value.trim().length>0){ if(el.target.value.trim().length>0){
this.element = el.target; this.element = el.target;
@ -85,7 +85,7 @@ export default class PickleComplate {
async getSuggests(el) { async getSuggests(el) {
//check container type //check container type
if(this.config.type === 'server'){ if(this.config.type === 'server'){
await this.getData(el.value.toLowerCase()); await this.getData(el.value.toLowerCase());
@ -112,8 +112,8 @@ export default class PickleComplate {
} }
} }
} }
//add list to input //add list to input
if(this.sug_div !== null) this.element.parentNode.appendChild(this.sug_div); if(this.sug_div !== null) this.element.parentNode.appendChild(this.sug_div);
} }
@ -121,7 +121,7 @@ export default class PickleComplate {
/** /**
* this method will send request to given parameters and return list of results * this method will send request to given parameters and return list of results
* @param {string} value * @param {string} value
*/ */
async getData(value){ async getData(value){
//define if parameters is not defined //define if parameters is not defined
@ -152,7 +152,7 @@ export default class PickleComplate {
/** /**
* system request method * system request method
* @param {json object} rqs * @param {json object} rqs
*/ */
async request(rqs, reqCallback = null) { async request(rqs, reqCallback = null) {
let fD = new FormData(); let fD = new FormData();