я пытаюсь применить эффекты onmouseover и onmouseout к тегу span, но проблема, с которой я сталкиваюсь, заключается в том, что когда данные в теге span попадают во вторую строку, эффект onmouseover по существу отменяется, когда пользователь нажимает пробел в строке перемена.
<span onmouseover="this.style.backgroundColor='red'" onmouseout="this.style.backgroundColor='white'">
<a href="#">this is a placeholder link to show the way that the span onmouseover acts when a <br/><br/>link enters a second/third line, essentially causing white-space within span</a>
</span>
Эта скрипка показывает очень простой тег span со встроенной ссылкой, которая попадает на вторую строку. Я вставил два тега
, чтобы подчеркнуть пробелы, но без тегов он действует так же, только имеет гораздо более тонкий разрыв строки. Моя проблема заключается в том, что я хочу, чтобы эффект onmouseover по существу отключался всякий раз, когда где-либо в пределах тегов span зависает, будь то текст внутри, пробел разрывов строк или пробел справа от конца текста ссылки.
В моем реальном использовании это меню при наведении отображается прикрепленным к нижнему левому углу тега span, что означает, что пользователь может навести курсор в верхний правый угол и при попытке навести курсор мыши на меню, ударить по пробелу, вызывая меню исчезнуть. Это меню создается динамически «на лету» и добавляется к любой отображаемой ссылке на учетную запись.
With _ActionLinkLabel
.ID = "alp"
.CssClass = "alWrap"
If actionMenuItemString = String.Empty Then
.Attributes.Add("onmouseover", "overActionLink('" + _ActionMenu.ClientID + "',this.id);")
Else
.Attributes.Add("onmouseover", "var arAMI = [" + actionMenuItemString + "];overActionLink('" + _ActionMenu.ClientID + "',this.id, arAMI);")
End If
.Attributes.Add("onmouseout", "outActionLink('" + _ActionMenu.ClientID + "');")
.Attributes.Add("style", "height:100%;")
End With
_ActionLinkImage = New ImageButton
With _ActionLinkImage
.ID = "ali"
.ImageUrl = "/applications/images/icons/action_arrow.gif"
End With
_ActionLinkButton = New LinkButton
With _ActionLinkButton
.Text = Me.Text
.ID = "alb"
.CssClass = "ActionLink"
.Style("postion") = "absolute"
End With
AddHandler _ActionLinkButton.Click, AddressOf OnActionLinkClicked
_ActionLinkLabel.Controls.Add(_ActionLinkButton)