使用javascript小部件搜索文本

Question

我正在为应用创建一个Widget，用于创建搜索输入并从div搜索文本。窗口小部件创建元素，当用户运行预览时，搜索处于活动状态，他可以搜索文本。

创建小部件并创建input后，当我尝试搜索某些内容时，Chrome控制台会显示searchTxt() is not a function。

目标是将输入值传递给searchTxt函数，在canvas div中找到文本并突出显示它。但我甚至无法在console.log中返回它。

有什么建议吗？提前感谢您的帮助。

Demo

Answer 1

好的，编辑了我的答案，and fixed your demo fiddle.

1. 您的按钮onclick名为search()，没有搜索。
2. 您必须按window.funcname = function(){ ... }定义您的函数，因为jsfiddle将该代码包装在一个负载中。

所以，我切换你的onclick来调用searcTxt并正确创建了它的功能。 我还将其更改为alert而不是console.log。

我不知道其他javascript函数是什么，但有意义的代码现在正在运行。