Question

我有这个功能：

window.onload = function(){ 
  var rows = document.querySelector('.rows');
  var columns = document.querySelector('.columns');
  rows.onpaste = function(){return false;}
  columns.onpaste = function(){return false;} 
  rows.ondrop = function(){return false;}
  columns.ondrop = function(){return false;} 
}

有什么方法可以将所有.ondrop和.onpaste设置为一行代码中的相同函数？

Answer 1

是的，一个简单的方法（虽然我不认为这是最好的）会是这样的：

window.onload = function(){ 
  var rows = document.querySelector('.rows');
  var columns = document.querySelector('.columns');
  columns.ondrop = rows.ondrop = columns.onpaste = rows.onpaste = function(){return false;} 
}

Answer 2

您可以在这样的一行中执行此操作

rows.ondrop = columns.ondrop = function(){return false;}

Answer 3

如果你可以使用箭头功能，你可以这样做

var rows = document.querySelector('.rows');
var columns = document.querySelector('.columns');

rows.ondrop = columns.ondrop = () => false
rows.onpaste = columns.onpaste = () => false

将多个变量.onload设置为相同的值

3 个答案: