hrefs ছাড়া লিঙ্কগুলির জন্য পয়েন্টারে কীভাবে কার্সার স্টাইল সেট করবেন

Question

জাভাস্ক্রিপ্ট কল করার জন্য অ্যাট্রিবিউট <a>ছাড়াই আমার অনেকগুলি HTML ট্যাগ রয়েছে ml এই লিঙ্কগুলিতে কার্সারের পয়েন্টার স্টাইল নেই। তাদের পাঠ্য শৈলীর কার্সার রয়েছে।hrefonclick

hrefবৈশিষ্ট্যটি ব্যবহার না করে আমি কীভাবে কার্সার শৈলীটিকে লিঙ্কগুলির জন্য পয়েন্টারে সেট করতে পারি ?

আমি জানি আমি href = "#" যুক্ত করতে পারি। আমার এইচটিএমএল ডকুমেন্টের অনেক জায়গায় রয়েছে এবং hrefঅ্যাট্রিবিউটটি ব্যবহার না করে লিংকের জন্য কীভাবে কার্সার স্টাইল পয়েন্টার তৈরি করতে হয় তা জানতে চাই ।

Comments

বাই দ্য ওয়ে, যখন আপনি লিঙ্কটি বলবেন, আপনার অর্থ কি "<a id="do_some_javascript"> পরীক্ষা </a>"? অথবা এটি কেবল একটি স্প্যান বা ডিভ ট্যাগ যা কিছু জাভাস্ক্রিপ্ট করে?

— অ্যালেক্সান্ডার

Answer 1

আপনার সিএসএস ফাইলে এটি যুক্ত করুন ....

a:hover {
 cursor:pointer;
}

আপনার যদি কোনও সিএসএস ফাইল না থাকে তবে এটি আপনার HTML পৃষ্ঠার হেডে যুক্ত করুন

<style type="text/css">
 a:hover {
  cursor:pointer;
 }
</style>

এছাড়াও আপনি আপনার জাভাস্ক্রিপ্টের শেষে মিথ্যা ফিরিয়ে href = "" বৈশিষ্ট্যটি ব্যবহার করতে পারেন।

<a href="" onclick="doSomething(); return false;">a link</a>

এটি বিভিন্ন কারণে ভাল। SEO বা লোকের কাছে জাভাস্ক্রিপ্ট না থাকলে href = "" কাজ করবে। যেমন

<a href="nojavascriptpage.html" onclick="doSomething(); return false;">a link</a>

@see http://www.alistapart.com/articles/behavioralseparation

সম্পাদনা: @ বালাসসির উত্তরটি মূল্যবান যেখানে তিনি উল্লেখ করেছেন ওপির :hoverব্যবহারের ক্ষেত্রে প্রয়োজনীয় নয়। যদিও নির্বাচনের সাথে অন্য স্টাইল যুক্ত করা যায় :hover।

Comments

ব্যবহার: হোভারটি প্রয়োজনীয় নয় এবং এটি কোনও href ছাড়াই লিঙ্কগুলিতে কাজ করার গ্যারান্টিযুক্ত নয়।

— অ্যালেক্সান্ডার

আমি ভাবতে পারি না এটি কোথায় কাজ করবে না। এটি শেখার একটি ভাল উপায়, আপনি অন্য সংযোজনমূলক আচরণের সাথে কোনও href বৈশিষ্ট্যের সাথে লিঙ্কগুলির অনুরূপ থাকতে পারেন: একটি পটভূমি পরিবর্তন, আন্ডারলাইন, রঙ এবং ইত্যাদি।

— রস

আমি এটি ব্যবহার করার পরে এটি বেশ কিছুক্ষণ হয়ে গেছে, তবে <আই 6 এর জন্য এটি বৈশিষ্ট্যযুক্ত শৈলীর সাথে লিঙ্ক করতে শর্তযুক্ত মন্তব্য যুক্ত করা উপযুক্ত হতে পারেcursor: hand;

— ডেভিড বলেছেন মনিকা

আপনার শর্তসাপেক্ষ মন্তব্য করার দরকার নেই - কেবলমাত্র। MyStyle {কার্সার: হাত; কার্সার: পয়েন্টার; do - নতুন ব্রাউজারগুলি হাতের বৈশিষ্ট্যটিকে এড়িয়ে যাবেন যেহেতু তারা এটি কোনওভাবেই বুঝতে পারেন না। এছাড়াও আই 66 এখনও পয়েন্টারটি বুঝতে পারবে - হাতটি ie5 এর জন্য এবং নীচে।

— ইজেউই

নিজেই একটি ব্যবহার করা যদিও কিছু সমস্যা তৈরি করতে পারে। বিশেষত আইইতে কারণ তারা রিটার্নের ক্ষেত্রে মিথ্যা যোগ করলেও তারা অনবরেউনলোডকে ট্রিগার করে; এমনকি জাভাস্ক্রিপ্টের একটি লিঙ্ক: অকার্যকর (0); OnBeforeUnload ডেকে আনার কারণ। কর্মক্ষেত্রে এই সমস্যাটি নিয়ে আমার বড় মাথাব্যথা ছিল ...

— অ্যালেক্সান্ডার

Answer 2

আপনার গ্লোবাল সিএসএস শৈলীতে এটি কেবল যুক্ত করুন:

a { cursor: pointer; }

এইভাবে আপনি ব্রাউজার ডিফল্ট কার্সার স্টাইলের উপর আর নির্ভর করেন না।

Comments

কাজ করে না। কার্সারটি ক্রোমের textপরিবর্তে পরিবর্তিত হয় pointer।

— heেকা কোজলভ

Answer 3

শৈলী = "কার্সার: পয়েন্টার;"

Answer 4

আপনি যখন কোনও প্রদত্ত object(মাইবজেক্ট) উপরের উপরে ঘুরে দেখেন তখন তীর থেকে কার্সারটি কীভাবে হস্তান্তর করুন ।

myObject.style.cursor = 'pointer';

Comments

প্রথমে, ল, ওয়েকে স্বাগতম! পোস্ট / উত্তর দেওয়ার সময়, দয়া করে যথাসম্ভব তথ্যবহুল হওয়া নিশ্চিত হয়ে নিন এবং আপনার কোডের উদাহরণগুলি বিন্যাস করতে ভুলবেন না (যেমনটি আমি আপনার জন্য করেছি)।

— ব্রায়ান

Answer 5

তাদের সমস্ত সাধারণ শ্রেণি দিন (উদাহরণস্বরূপ লিঙ্ক)। তারপরে CSS-file এ যুক্ত করুন:

.link { cursor: pointer; }

বা @ এমএক্সমিসিল প্রস্তাবিত হিসাবে এটি স্টাইল = "কার্সার: পয়েন্টার সহ ইনলাইন করুন;"

Answer 6

নিম্নলিখিত সিএসএস সহ একটি শ্রেণী তৈরি করুন এবং এটি অনক্লিক ইভেন্টগুলির সাথে আপনার ট্যাগগুলিতে যুক্ত করুন:

cursor:pointer;

Answer 7

cursor: pointerআমি সঠিকভাবে মনে রাখলে সিএসএস ব্যবহার করুন ।

হয় আপনার সিএসএস ফাইলে:

.link_cursor
{
    cursor: pointer;
}

তারপরে লিংক কার্সারটি পেতে চাইলে যে কোনও উপাদানগুলিতে কেবল নীচের HTMLটি যুক্ত করুন: class="link_cursor"(পছন্দসই পদ্ধতি))

অথবা ইনলাইন সিএসএস ব্যবহার করুন:

<a style="cursor: pointer;">

Answer 8

কৌণিক সংস্করণ:

<a (click)="action(); $event.preventDefault()" href="#">Action</a>

Answer 9

এটি আমার পক্ষে কাজ করেছে:

<a onClick={this.openPopupbox} style={{cursor: 'pointer'}}>