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

【问题标题】：Adding glow to an object made by Raphael when an input form is clicked on单击输入表单时为 Raphael 制作的对象添加光晕
【发布时间】：2012-07-20 01:19:31
【问题描述】：

我使用 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'}); };

这不起作用。我也尝试将事件处理程序放在输入标签中，但它不起作用。

【问题讨论】：

标签： javascript html onclick dom-events raphael

【解决方案1】：

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

【讨论】：

您应该接受这个作为答案，以便将来可以帮助其他人。

【解决方案2】：

您是否尝试将z-index: 9999 和position: relative 添加到您的搜索框元素？似乎 raphael 对象可能位于您的 div 元素之上。

【讨论】：