मैं पृष्ठभूमि नहीं बदल सकता यहाँ मेरा कोड है

const projectList = document.querySelector('.project-list');
projectList.addeventListener('mosemove', (e) => {
  projectList.style.backgroundColor = "rgb(" + e.offsetX + "," + e.offsetY + "40)";
})
.project-list {
  width: 100vw;
  height: 100vh;
  background: #f2f2f2;
}
<body>
  <div class="project-list"></div>
</body>
-1
Taste of Leaving 16 अक्टूबर 2018, 18:01

1 उत्तर

सबसे बढ़िया उत्तर

आपके पास इवेंट के नाम में एक टाइपो है। यह mosemove के बजाय mousemove होना चाहिए। आप rgb फ़ंक्शन में 40 मान से पहले अल्पविराम भी भूल गए हैं।

var projectList = document.querySelector('.project-list');
projectList.addEventListener('mousemove', e => {
    projectList.style.backgroundColor = "rgb("+e.offsetX+","+e.offsetY+",40)";
});

एक त्वरित परीक्षण के लिए यह काम करना चाहिए। लेकिन जैसा कि टिप्पणियों में पहले ही उल्लेख किया गया है, यह अच्छी तरह से काम नहीं करेगा क्योंकि offsetX और offsetY, 255 से ऊपर के मान उत्पन्न करेंगे। यदि आप इसे संभालना चाहते हैं तो आप शेष ऑपरेटर का उपयोग कर सकते हैं (उदाहरण के लिए, offsetX % 255)।

0
HugoTeixeira 16 अक्टूबर 2018, 15:09