TA貢獻1036條經驗 獲得超461個贊
<!doctype>
<html>
<head>
????<meta?charset?=?"utf-8">
????<title>xxxxx</title>
????<style?type="text/css">
????????.focus{
????????????border:?1px?solid?red;
????????}
????</style>
</head>
<body>
<div?class="input-group"?id="inputGroup">
????<input?type="search"?onblur="inputOnBlur()"?id="searchInput"?onfocus="inputOnfocus()"?class="form-control"?placeholder="search">
</div>
<script>
????var?searchInput?=?document.getElementById('searchInput');
????var?inputGroup?=?document.getElementById('inputGroup');
????function?inputOnfocus(){
????????inputGroup.classList.add('focus');
????}
????function?inputOnBlur(){
????????inputGroup.classList.remove('focus');
????}
</script>
</body>
</html>請在chrome或IE10以上的瀏覽器上做測試
TA貢獻1條經驗 獲得超0個贊
$("#searchInput").focus(function(){
??$("#searchInput").addClass("focus");
});舉報