javascript - 单击输入表单时为 Raphael 制作的对象添加光晕

Question

我使用 raphael JS 库创建了一个形状。我的页面上有一个输入字段。单击输入字段时，我想在该形状周围切换发光。这是我已经尝试过的代码：

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

我真的发现了我的错误。我只需要在末尾添加一个 [0]，getElementsByName("searchBox")因为它返回的值是一个数组。

Answer 2

您是否尝试过在您的 searchBox 元素中添加z-index: 9999, 和 a ？position: relative似乎 raphael 对象可能位于您的 div 元素之上。