javascript - 入力フォームがクリックされたときにRaphaelによって作成されたオブジェクトにグローを追加する

Question

raphaelJSライブラリを使用してシェイプを作成しました。ページに入力フィールドがあります。入力フィールドがクリックされたときに、その形状の周りのグローを切り替えたいと思います。これが私がすでに試したコードです：

var searchBoxHtml =  document.getElementsByName("searchBox");
searchBoxHtml.onclick= function () {europe_africa.glow({width: 10,fill: false, opacity: 0.5, offsetx: 0,offsety: 0,color:'white'}); };

これは機能していません。また、イベントハンドラーを入力タグ内に配置しようとしましたが、機能しませんでした。

Answer 1

searchBox要素にz-index: 9999と同様にを追加してみましたか？position: relativeラファエルオブジェクトがdiv要素の上にあるようです。

Answer 2

私は実際に自分の間違いを見つけました。getElementsByName("searchBox")返される値は配列であるため、最後に[0]を追加する必要がありました。