https://www.doctor-navi.jp/assets/doctor/textarea_placeholder-ab7fa4e7.js

1function textareaPlaceholder(elem) {
2  if (elem == null) { elem = $('#job_request_form'); }
3  return elem.find('textarea[data-placeholder]').map(function() {
4    const target = $(this);
5    const placeholder_text = $(this).data('placeholder');
6    return target.val(placeholder_text)
7      .css({'color':'#999', 'font-size':'12px'})
8      .focus(function() {
9        if (this.value === placeholder_text) {
10          return this.value = '';
11        }
12      })
13      .blur(function() {
14        if (this.value === '') {
15          this.value = placeholder_text;
16          return target.css({'color':'#999', 'font-size':'12px'});
17        } else {
18          return target.css({'color':'', 'font-size':''});
19        }
20      })
21      .keydown(() => target.css({'color':'', 'font-size':''}));
22  });
23}
24// importmapでモジュールとして読み込まれた場合でもグローバルからアクセスできるようにする
25window.textareaPlaceholder = textareaPlaceholder;
26
27$(function() {
28  // サイドメニューメッセージtextarea
29  textareaPlaceholder();
30
31  if ($.fn.placeholder && !$.fn.placeholder.input) {
32
33    $(":input[placeholder]").placeholder();
34
35    return $('input#user_session_password')
36      .addClass('password-default')
37      .focus(function() {
38        const $el = $(this);
39        return $el.removeClass('password-default');
40      })
41      .blur(function() {
42        const $el = $(this);
43        if (this.value === "") {
44          return $el.addClass('password-default');
45        } else {
46          return $el.removeClass('password-default');
47        }
48      })
49      .keydown(function() {
50        const $el = $(this);
51        return $el.removeClass('password-default');
52      });
53  }
54});