Javascript OnFocus和OnBlue事件

我想在Javascript中创建

onfocus

和

onBlur

事件。我在jQuery中找到了一个解决方案，但不确定如何将其转换为Javascript

<textarea id='postitTextArea'  ></textarea>
$('input,textarea').focus(function()
{
  $(this).data('placeholder', $(this).attr('placeholder'))
        .attr('placeholder', '');
}).blur(function()
{
  $(this).attr('placeholder', $(this).data('placeholder'));
});

$（'input，textarea'）。焦点（函数（）
{
$（this.data（'占位符'，$（this.attr（'占位符'））
.attr（'占位符'，''）；
}).blur（函数（）
{
$（this.attr（'占位符'，$（this.data（'占位符'））；
});

上面的代码运行良好。任何帮助都将不胜感激。

var输入，索引；
var inputs, index;

inputs = document.getElementsByTagName('input');
for (index = 0; index < inputs.length; ++index) {
    inputs[index].onfocus = function(){
     // Your script
    };
    inputs[index].onblur = function(){
     // Your script
    };
}

//similarly for textarea

输入=document.getElementsByTagName（'input'）；
用于（索引=0；索引

风险值输入，索引；
输入=document.getElementsByTagName（'input'）；
用于（索引=0；索引

试着这样做：

var obj = document.getElementById('postitTextArea');

obj.removeAttribute('onfocus');
obj.removeAttribute('onblur');

obj.addEventListener('focus', function() {
  // your js code for focus event
});
obj.addEventListener('blur', function() {
   // your js code for blur event
});

试着这样做：

var obj = document.getElementById('postitTextArea');

obj.removeAttribute('onfocus');
obj.removeAttribute('onblur');

obj.addEventListener('focus', function() {
  // your js code for focus event
});
obj.addEventListener('blur', function() {
   // your js code for blur event
});

---

这是您提供的jQuery代码的JavaScript代码

HTML:

---

这是您提供的jQuery代码的JavaScript代码

HTML:

---

为什么不使用jquery？我想知道如何在javascript中实现它。我所有的方法都是用Javascript编写的。看看为什么jquery在link中的性能更快我使用的是Javascript类，所有的方法都是纯Javascript，所以我不想创建jquery，我想遵循标准，所有的方法都应该是Javascript为什么不使用jquery？我想知道如何在Javascript中做到这一点。我所有的方法都是用Javascript编写的。看看为什么jquery在link中的性能更快我使用的是Javascript类，所有的方法都是纯Javascript，所以我不想创建jquery，我想遵循标准，所有的方法都应该是Javascript

function focusAction(){
    var target = document.getElementById('postitTextArea');
    var setAttrVal = target.setAttribute('placeholder',' ');
    console.log('placeholder: ' + setAttrVal);
}
function blurAction(){
    var target = document.getElementById('postitTextArea');
    var setAttrVal = target.setAttribute('placeholder','placeholder text');
    console.log('placeholder: ' + setAttrVal);
}