javascript - 使用 javascript 小部件搜索文本

Question

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

在我创建小部件并创建 input 之后，当我尝试搜索某些内容时，Chrome 控制台显示 searchTxt() 不是函数。

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

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

Demo

Answer 1

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

1. 您的点击按钮调用了 search()，没有搜索。
2. 您必须通过 window.funcname = function(){ ... } 定义您的函数，因为 jsfiddle 在加载时包装该代码。

因此，我将您的 onclick 切换为调用 searcTxt 并正确创建了该函数并且它可以正常工作。我还将它更改为警报而不是 console.log。

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