如何使用我网页上的html按钮调用我的扩展中声明的Javascript函数？
我有一个html页面,里面有一个按钮.当用户单击该按钮时,它将调用我已经在我自己的firefox扩展中声明的函数.
我在这里有一个特殊的问题,我不能通过我的生活弄清楚解决方案是什么.请注意,以下代码不是动态创建的,而是直接在我的aspx文件中创建.
<button type="button" runat="server" id="btnSubmit"
OnServerClick="btnSubmit_Click" onclick="return confirm('Sure?');">
Submit
</button>
这只要工作就好了,因为我不具备的onclick属性在那里,即OnServerClick处理程序被触发,因为它应该.但是当我使用该onclick属性时,无论我是否确认或拒绝确认对话框.
我究竟做错了什么？谢谢
我正在尝试构建一个Web应用程序，但是遇到了问题。
该应用程序的大多数界面都由许多按钮组成，我遇到了一个奇怪的现象，即无法单击某些按钮（没有单击动画，并且onclick（）无法运行）。
我注意到，在多个按钮彼此叠放的情况下，仅最后一行按钮是可单击的。
我创建了一个最小，完整和可验证的示例。
<html>
<body>
<div style="padding-top: 20%;" id="div1">
<button>
Button 1
</button><br />
<button>
Button 2
</button>
</div>
<script>
document.getElementById("div1").style.display = "initial";
</script>
</body>
</html>进一步的意见/说明：
当您从开发人员菜单中选择一个元素时，您将无法选择发生故障的按钮。
我正在使用Firefox。我在Chrome中的应用程序遇到了类似的问题，但是行为不当的按钮与Firefox中损坏的按钮不同。
我试图<div>通过分别设置display: none;和隐藏和显示各种元素（不同的屏幕）来创建单页Web应用程序display: initial;。这就是原因<script>。我应该有更好的方法吗？
我应该使用什么元素进行JavaScript操作？
执行播放/暂停/停止/新建/打开/保存/打印/关闭等操作.
<a id="play" href="#">Play</a>
<a href="#play">Play</a>
<button id="play" tabindex="0">Play</button>
<div id="play" role="button" tabindex="0">Play</div>
我看到很多人用锚<a>用href="#",但并不觉得很语义,感觉就像锚是指向一个资源,不为,做东西的动作的超链接.然后你必须用event.preventDefault(即return false)破解它.
我很少看到人们使用该<button>元素,但它不应该被用于什么？
我在尝试设置一个内部没有文本的按钮时,遇到了一个有趣的HTML按钮标记行为,只有一个字体图标 - 没有文本的按钮会导致所有后续按钮都按下文本.仅当按钮具有height指定的属性时才会出现此问题.
<header>
<button><!-- No text here --></button>
<button>This button is pushed down</button>
</header>
button { height: 40px; }
起初我确信这是由于第一个按钮内部的字体图标做了一些奇怪的基线魔术,但正如你从最小的工作示例中看到的那样,当按钮内部根本没有内容时,行为就会得到维护.
我可以通过向第一个按钮添加内容来解决这个问题,但由于我的唯一内容是a <span class="icon user"></span>,这是一个字体图标,它实际上会干扰字体基线,并将按钮放在几个像素上.这就是为什么我决定将图标置于绝对位置,这解决了原来的轻微定位问题,但引入了这个新的,因为按钮现在就像是空的一样.
所以,问题仍然存在 - 如何避免使用空按钮定位问题？
注意:似乎以上只发生在webkit浏览器上; Firefox正确地定位了带有文本的按钮,但是将空的按钮向上推.
带有的按钮aria-label：
<button type="button" class="btn btn-default dropdown-toggle"
aria-expanded="false"
aria-label="Sort">
<i class="fa fa-arrows"></i>
</button>
仍然被WAVE标识为可访问性错误（“空按钮”）。有任何想法吗？
我想在我的网站上放置一个“共享时差”按钮。类似于我们在“在Facebook上共享”和“在Twitter上共享”的按钮。用户可以单击它，然后可以在Slack上发布一些文本和我们建议的链接。
我已经能够找到可以在Facebook和Twitter上使用的URL，但是我无法为Slack追踪到一个URL？是否存在？我看到AddThis能够实现一个按钮，但是我不确定他们的操作方式。
我使用NVDA程序测试我的网站,并让所有人都可以访问网站.最近我在MDN Web docs上看到了一个允许我使用a而不是使用的属性button.是的role="button".
MDN和Bootstrap 4 Doc说:
这些链接应该被赋予一个角色="按钮",以适当地将其目的传达给屏幕阅读器等辅助技术.
<a class="btn btn-primary" href="#"> Anchor without ROLE </a>
<a class="btn btn-primary" href="#" role="button"> Anchor with ROLE </a>
<button class="btn btn-primary" type="button"> Just a Button </button>
我尝试使用NVDA并按下B(在网站中找到按钮的快捷方式),它找到的唯一按钮是带<button>标签的按钮.什么role="button"是被使用？什么是正确的方法？
如何修复此灯塔错误：
按钮没有可访问的名称
<button class="search-button" type="submit" value="Search"></button>
我是初学者。
根据W3C关于HTML语义写作的规则 - 我们应该如何编写button带有下降元素的元素,我没有意识到它是不是坏了？
在这方面,像这样:
<button>
<div>
<span>'hi'</span>
</div>
</button>
或者只有这个:
<button>'hi'</button>
htmlbutton ×10
html ×7
css ×2
javascript ×2
asp.net ×1
events ×1
forms ×1
html5 ×1
onclick ×1
position ×1
section508 ×1
slack ×1
slack-api ×1
wai-aria ×1