如何集中textarea的點擊主類

我創造了這個DEMO你可以看到註釋文本區域當您單擊文本區域，則.CinP背景顏色將發生變化。我還想點擊.CinP時.Cj4Jbc textarea將被重點關注。如何集中textarea的點擊主類

我該怎麼做？任何人都可以在這方面幫助我？

HTML：

<div class="container"> 
    <div class="CinP"> 
     <img src="http://www.technobuffalo.com/wp-content/ 
       uploads/2015/01/neytiri-avatar-5824.jpg" 
      class="FhCbmb" width="36px" height="36px" /> 
     <div class="SO1PZd"> 
     <div class="ejZfNc"> 
      <textarea class="Cj4Jbc" id="InXt10" placeholder="Comment"></textarea> 
     </div> 
     <div class="O0WRkf">SEND</div> 
     </div> 
    </div> 
</div>

JS：

$(".CinP").focusin(function() { 
    $(this).css("background-color", "#fefefe"); 
}); 

$(".CinP").focusout(function() { 
    $(this).css("background-color", "#000000"); 
});

來源

2016-03-02 Azzo

如果我理解正確的要求那麼這應該做的伎倆。 Working codepen

$(".CinP").click(function() { 
    $(this).find('textarea.Cj4Jbc').focus(); 
});

來源

2016-03-02 19:11:11 vinayakj

謝謝你的答案是我想要的。它可以工作多個。 – Azzo

Updated Codepen

你可以使用focus()焦點的元素：

$(".CinP").click(function() { 
    $(".Cj4Jbc").focus(); 
});

希望這會有所幫助。

來源

2016-03-02 19:05:05

容器是一個例子。我的意思是它需要工作點擊只是'.CinP' – Azzo

您似乎希望觸發事件是focusin。也許你的頁面導航要求這個，而不是簡單的點擊。爲了使div.CinP本身可以專注，您應該添加一個tabindex屬性。

如何

$(".CinP").focusin(function() { 
    $(this).css("background-color", "#fefefe"); 
    $('.Cj4Jbc').focus(); 
});

來源

2016-03-02 19:09:13 alepeino

-1

純CSS溶液：

.CinP:hover { 
    background: #fefefe; 
} 

.CinP:hover .Cj4Jbc { 
    border: 1px solid blue; 
    box-shadow: inset 0 0 3px rgba(0, 0, 255, .5); 
}

來源

2016-03-02 19:25:55

如何集中textarea的點擊主類

回答

相關問題