使用javascript小部件搜索文本

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

在我创建小部件并创建了

输入之后，当我试图搜索某个内容时，Chrome控制台会说
searchTxt（）不是一个函数

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

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

好的，编辑我的答案

单击名为
search（）
的按钮时，没有搜索
您必须通过
window.funcname=function（）{…}
来定义函数，因为JSFIDLE将该代码包装在加载中
因此，我将onclick切换为调用searcTxt，并正确地创建了函数，它可以正常工作。
我还将其改为alert而不是console.log

我不知道另一个javascript函数是什么，但有意义的代码现在正在工作。
因为
searchTxt（）
不是函数，而是
\u SWdgt（）。searchText（）
是。尝试过了，但是
未捕获类型错误：无法读取未定义的属性“search”
好，打开页面上的javascript控制台（浏览器上的F12）并在那里输入$（“#srcTxt”）.val（），然后查看您得到了什么。那么，您在输入本身中有什么内容吗？如果您这样做，
$（“srcTxt”）.val（“新值”）
它会放“新值”吗在页面上的输入中？是。输入
新值
是可以的。在上面创建一个提琴-你说的没有意义。@nefeli说JSFIDLE失败了，因为按钮引用了一个未定义的公共可访问
搜索
函数。