使用 javascript 小部件搜索文本

Question

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

创建小部件并创建 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 函数是什么，但有意义的代码现在可以工作了。