oninput

TypeError: object is not a function

匿名 (未验证) 提交于 2019-12-03 00:53:01
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: I'm developing this webapp for my school. The page is supposed to filter entries by the url parameter "class". This works fine as far as i can tell, but when i try to change the filter it gives "TypeError: object is not a function". What am i doing wrong? <html> <head> <TITLE>Cancelled lessons</TITLE> </head> <body> <script> function filter(text){ text = text.toLowerCase(); for (i=0;i<lessonList.length;i++){ if(lessonList[i].innerHTML.toLowerCase().indexOf(text)==-1){ lessonList[i].style.display = "none"; } else{ lessonList[i].style.display

JS和vue文本框输入改变p标签的内容测试

匿名 (未验证) 提交于 2019-12-02 23:57:01
文本框输入,p标签的内容自动变成文本框的内容,如下是三种方法的测试: 方法1:JS里的onchange,当文本框内容改变事件,该事件里写的方法是,获取p标签本身,然后获取文本框的值,赋值给变量,最后给p标签赋值那个文本框的值。 效果:输入途中,p标签不会变化,还是原来的内容,当输入的焦点离开文本框时,p标签变成了文本框中的值。 方法2:JS里的oninput,当文本框内容改变事件(不同于上面的,会即时生效),该事件的方法同上。 效果:输入途中,p标签也会跟着变化,即时是输入途中也会改变。 方法3:引入vue.js,给input文本框加v-mode,在div3里p标签位置设置需要显示内容的地方 效果:输入途中,p标签也会跟着变化,即时是输入途中也会改变。 测试代码: <style> #div1{background-color:#d9b6b6;} #div2{background-color:#b4e7aa;} #div3{background-color:#c5f2ee;} </style> </head> <body> <script src="vue.js"></script> </head> <body> <div id="div1"><!--非vue--> JS的onchage事件: <input type="text" id="t1" onchange="p1()">