one cti event 指定元素 dom itl 其他瀏覽器 sibling 兄弟節點

1. -webkit-user-select:? none這個屬性是什麽意思？

　　　不希望用戶在你的網站上選擇文本，無論是否是出於版權的原因，通常大家會有js來實現。另一個方案就是，將-webkit-user-select 和-moz-user-select 的值設為none。

註：請謹慎使用這個屬性：因為大部分用戶是來查看信息的，他們可以復制並存儲下來以備將來之用，所以這種方法既無用也無效。如果你禁用了復制粘貼功能，用戶還是可以通過查看源文件來獲取到他們想要的內容。搞不懂這個屬性為什麽會被webkit和gecko支持。

2.input 使用小常識：

2-1. input text怎麽去掉用戶以前輸入的下拉框的提示

<input type="text"  autocomplete="off" value="禁用提示" />

2-2. input 內容改變的觸發事件

2-2-1. onchange 事件

onchange 事件會在域的內容改變時觸發。支持的標簽<input type="text">, <textarea>, <select>,<keygen>。 註意：在元素的值改變了且失去焦點時觸發（兩次的值一樣不會觸發）。 缺陷：通過js代碼改變DOM的值不會觸發，解決在js代碼裏改值了調用其change 的function() 或者調.change()方法。

<!--
 
JS-->
<input type="text" id="gg" onchange="function()"/>

<!--JQuery-->
<script>
$("#gg").change(function(){});
</script>

2-2-2. onpropertychange 事件

onpropertychange會實時觸發，會在元素的屬性改變時就觸發事件。當元素disable=true時不會觸發。 缺陷：只在IE 下支持，其他瀏覽器不支持，用oninput來解決。

<!--JS-->
<input type
 
="text" id="gg" onpropertychange="functionName()"/>

2-2-3. oninput 事件

oninput在<input>或<textarea>的值發生改變時觸發，不需要等到元素失去焦點，是實時的。它是HTML5的事件，可用於檢測文本類輸入框的值。 缺陷：從腳本中修改值不會觸發事件。從瀏覽器下拉提示框裏選取值時不會觸發。IE9 以下不支持，所以IE9以下可用onpropertychange 事件代替。

<!--JS-->
<input type="text" id="gg" oninput="functionName()"/>

<!--JQuery-->
<script>
　　$("#gg").on(‘input propertychange‘,functionName);
</script>

2-2-4. addEventListener

addEventListener()用於向指定元素添加事件方法。使用removeEventListener()移除添加的事件方法。IE9以下不支持，用attachEvent代替。

語法： element.addEventListener(event, function, useCapture)

3. js怎麽清空div裏面的內容

//原生JS清空div內容
document.getElementById(‘bigDiv‘).innerHTML = "";

$(‘#bigDiv‘).html("");
//清空div內容  兩種都可以

//JQuery清空div內容
$("#bigDiv").empty();

4. jquery如何獲取某一個兄弟節點，不是全部的，是指定的兄弟節點 .(常用方法，小記一下筆記)

$(‘#id‘).siblings()       //當前元素所有的兄弟節點
$(‘#id‘).prev()           //當前元素前一個兄弟節點
$(‘#id‘).prevaAll()      //當前元素之前所有的兄弟節點
$(‘#id‘).next()           //當前元素之後第一個兄弟節點
$(‘#id‘).nextAll()       //當前元素之後所有的兄弟節點

前端小知識