使用javascript小部件搜索文本

Question

我正在為應用創建一個Widget，用於創建搜索輸入並從div中搜索文本。 窗口小部件創建元素，當用戶運行預覽時，搜索處於活動狀態，他可以搜索文本。

在我創建窗口小部件並創建input ，當我嘗試搜索某些內容時，Chrome控制台會說searchTxt() is not a function 。

目標是將輸入的值傳遞給searchTxt函數，在canvas div中找到文本並突出顯示它。 但我甚至無法在console.log中返回它。

有什么建議 ？ 預先感謝您的任何幫助。

演示

Answer 1

好的，編輯了我的答案， 並修復了你的演示小提琴。

1. 您的按鈕onclick名為search() ，沒有搜索。
2. 你必須通過window.funcname = function(){ ... }來定義你的函數，因為jsfiddle會在加載時包裝該代碼。

所以，我切換你的onclick來調用searcTxt並正確創建了它的功能。 我還將其更改為alert而不是console.log。

我不知道其他javascript函數是什么，但有意義的代碼現在正在工作。