我很新,使用HTML和JavaScript。我想添加能夠選擇點擊某些文本並執行正確的JavaScript。有沒有我可以看的任何參考代碼,或者一個可以幫助我的教程?Html使文本可點擊而不使其超鏈接
15
A
回答
25
的語義我會使用一個<button>
標籤是這樣的:
<button class="link">Clicky</button>
使按鈕看起來像你可以使用CSS普通文本:
button.link { background:none;border:none; }
和移交點擊我的容易度'd使用jquery這樣的:
$(".link").click(function(){
//your JS here
});
但如果你有一個ID的按鈕,你可以使用普通的JS裏柯此:
var button = document.getElementById("your-button-id");
button.onclick = function(){
//do stuff
}
3
用於交互式控制的apropriate元素不是鏈接某處是<button>Label</button>
或(<input type="button" value="Label">
)。 (你總是可以用CSS來模仿邊框和背景)。
您可以使用標準DOM API(或抽象它們的庫,例如YUI或jQuery)將click
事件處理程序綁定到它。
1
將文本放入範圍或其他元素中,並使用類<span class="yourClass">text</span>
,然後使用javascript添加事件偵聽器(最好在html的末尾。爲簡潔起見,我將用jQuery進行演示,儘管它可以完成與
<script>
$('.yourClass').on('click',function(){
//your javacript
});
</script>
本地JavaScript,或者你可以通過做所有的網頁搜索這個詞的情況下,雖然我不建議,因爲它真的會慢下來。
相關問題
- 1. 點擊HTML超鏈接
- 2. 如何使用可點擊的超鏈接呈現文本,您可以在其中控制點擊操作?
- 3. 使鏈接可點擊
- 4. 使用jQuery更改文本後鏈接不可點擊
- 5. 更改超鏈接顏色,同時點擊其他超鏈接
- 6. PNG覆蓋使asp超鏈接不可點擊
- 7. 點擊使用PowerShell的超鏈接
- 8. pdfkit gem生成PDF鏈接爲文本(不可點擊鏈接)
- 9. 使鏈接鏈接的可點擊區域變大而不會影響佈局
- 10. 可點擊超鏈接Shiny R
- 11. 超鏈接只是部分可點擊
- 12. 可點擊超鏈接在DialogFragment
- 13. 如何使一個文本框不可點擊使用html
- 14. 鏈接不可點擊?
- 15. 鏈接不可點擊?
- 16. 如何使textview文本鏈接可點擊
- 17. 使純文本中的可點擊鏈接
- 18. PHP:檢測字符串是否爲超鏈接並使其可點擊
- 19. Android使textview中的超鏈接可點擊
- 20. 如何使gridview列超鏈接可點擊並捕獲事件?
- 21. 如何在SmartGwt中使TextAreaItem的值可點擊並超鏈接?
- 22. 如何使dynaTree jQuery插件中的超鏈接可點擊?
- 23. jQuery不能在超鏈接上點擊
- 24. JTable中的可點擊的html鏈接
- 25. 安卓:帶有可點擊HTML鏈接
- 26. JEditorPane中的可點擊HTML鏈接
- 27. PHP - 的preg_replace - 文本鏈接的可點擊的鏈接
- 28. 爲什麼數字超鏈接會使整個單元格可點擊並且文本不可編輯?
- 29. 使用CSS顯示屬性,而不是HTML超鏈接
- 30. 使鏈接在Javascript中可點擊嗎?
不要使用範圍。它們的設計不是交互式的,所以如果有人使用線性輸入設備(例如鍵盤用戶或某人使用數字鍵盤AT),那麼焦點將跳過它。使用跨度是不必要的可訪問性障礙。 – Quentin 2012-02-27 15:33:52