使用w3c中的javascript驗證onselectstart
[英]validating onselectstart with javascript in w3c
問題描述
我對javascript真的很陌生，並嘗試驗證頁面到xhtml過渡。 我使用onselectstart =“ return false”
因此，我了解到我想創建一個JavaScript函數，將其作為ID插入。 我什至發現了這個http://www.webmasterworld.com/javascript/3054096.htm ，他想出了辦法。
他將負擔放在體內並設置ID。 我可以使用課程而不設置特定的ID號嗎？
3 個解決方案
解決方案1
2 2010-01-13 00:58:42
您可以使用document.getElementsByClassName方法，但是它不是標准方法（它將是HTML5的一部分），可以完全確保它不適用於任何IE版本， 某些現代瀏覽器提供了本機實現，但是如果它不可用，可以對您要查找的特定類進行循環檢查。
我個人是受達斯汀·迪亞茲 （ Dustin Diaz）實現啟發而使用以下功能：
function getElementsByClassName(node,classname) {
if (node.getElementsByClassName) { // use native implementation if available
return node.getElementsByClassName(classname);
} else {
return (function getElementsByClass(searchClass,node) {
if ( node == null )
node = document;
var classElements = [],
els = node.getElementsByTagName("*"),
elsLen = els.length,
pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)"), i, j;
for (i = 0, j = 0; i < elsLen; i++) {
if ( pattern.test(els[i].className) ) {
classElements[j] = els[i];
j++;
}
}
return classElements;
})(classname, node);
}
}
然后，您可以像這樣使用它：
window.onload = function () {
var returnFalse = function () { return false; },
els = getElementsByClassName(document, 'yourClassName'),
n = els.length;
while (n--) {
els[n].onselectstart = returnFalse;
}
};
解決方案2
0 2010-01-13 00:58:18
編輯 -此修改后的答案將我以前的答案與CMS提供的答案結合在一起。
此代碼在IE 6/7/8中有效：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test page</title>
<script type="text/javascript" language="javascript">
window.onload = function() {
var elements = getElementsByClassName(document, 'noselect');
for (var i = 0; i < elements.length; i++) {
elements[i].attachEvent('onselectstart', rfalse);
}
}
function rfalse() { return false; }
function getElementsByClassName(node, classname) {
if (node.getElementsByClassName) { // use native implementation if available
return node.getElementsByClassName(classname);
} else {
return (function getElementsByClass(searchClass, node) {
if (node == null)
node = document;
var classElements = [],
els = node.getElementsByTagName("*"),
elsLen = els.length,
pattern = new RegExp("(^|\\s)" + searchClass + "(\\s|$)"), i, j;
for (i = 0, j = 0; i < elsLen; i++) {
if (pattern.test(els[i].className)) {
classElements[j] = els[i];
j++;
}
}
return classElements;
})(classname, node);
}
}
</script>
</head>
<body>
<h2 class='noselect'>
this text cannot be selected
</h2>
<h2>
this text can be selected
</h2>
<h2 class='noselect'>
this text cannot be selected
</h2>
</body>
</html>
解決方案3
0 已采納 2010-01-13 18:44:04
上述解決方案均不適用於我-盡管我確定這是由於用戶錯誤造成的。 我們已經在運行Jquery，事實證明已經為此設置了它們。 我們在開頭部分使用了此代碼，效果很好！
<script language="javascript" type="text/javascript">
$(document).ready(function() {
//alert($(".unselectable").length)
var returnFalse = function () { return false; },
els = $(".yourClassNameHere"),
n = els.length;
while (n--) {
els[n].onselectstart = returnFalse;
}
});
</script>
使用 W3C 驗證 Vue 語法
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.