ฉันต้องการลิงค์ที่ไม่ทำอะไรเลย ฉันไม่ต้องการสิ่งนี้:

<a href="#">

แล้วเพราะ URL something.com/whatever/#ที่จะกลายเป็น

เหตุผลเดียวที่ฉันต้องการลิงก์คือเพื่อให้ผู้ใช้เห็นว่าพวกเขาสามารถคลิกที่ข้อความได้ จาวาสคริปต์ถูกใช้เพื่อดำเนินการบางอย่างดังนั้นฉันจึงไม่จำเป็นต้องใช้ลิงก์เพื่อไปที่ใดก็ได้ แต่ฉันต้องการให้มันดูเหมือนลิงค์!

ฉันสามารถใช้แอตทริบิวต์ข้อมูลบางอย่างและบอกให้ CSS ทำให้องค์ประกอบดูเหมือนลิงก์หากมีแอตทริบิวต์นี้ แต่ดูเหมือนจะใช้งานมากเกินไป

สิ่งต่อไปนี้จะป้องกันไม่ให้ href ของคุณถูกเรียกใช้

<a href="#" onclick="return false;">

หากคุณใช้ jQuery event.preventDefault()สามารถใช้ได้

ลองสิ่งนี้:

<a href="javascript:void(0);">link</a>

ใน HTML5 สิ่งนี้ง่ายมาก เพียงละเว้นhrefแอตทริบิวต์

<a>Do Nothing</a>

จากMDN บนแอตทริบิวต์ href แท็ก :

href

นี่เป็นแอตทริบิวต์เดียวที่จำเป็นสำหรับจุดยึดที่กำหนดลิงก์ซอร์สไฮเปอร์เท็กซ์ แต่ไม่จำเป็นต้องใช้ใน HTML5 อีกต่อไป

แล้วเคอร์เซอร์มือที่วางอยู่บนโฮเวอร์ล่ะ?

รูปแบบเริ่มต้นสำหรับเบราว์เซอร์ไม่สามารถเปลี่ยนเคอร์เซอร์ไปที่ตัวชี้สำหรับแท็กที่มีไม่มีa hrefคุณสามารถเปลี่ยนแปลงได้โดยทั่วไปด้วย CSS ต่อไปนี้

a {
    cursor: pointer;
}

<a>Do Nothing</a>

อย่างไรก็ตามอาจเป็นการดีกว่าที่จะเลือกเกี่ยวกับเรื่องนี้มากขึ้นและใช้กับองค์ประกอบที่คุณต้องการเพิ่มตัวจัดการเหตุการณ์เท่านั้น

สิ่งที่เกี่ยวกับการทำให้แท็บโฟกัสได้?

เพียงแค่เพิ่มลงtabindex="0"ในองค์ประกอบ

<a tabindex="0">Do Nothing</a>

การใช้aแท็กโดยไม่มีลิงก์เหมาะสมหรือไม่

โดยปกติแล้วไม่ควรใช้buttonองค์ประกอบแทนและจัดรูปแบบด้วย CSS แต่ไม่ว่าคุณจะใช้อะไรก็ตามให้หลีกเลี่ยงการใช้องค์ประกอบตามอำเภอใจเช่นdivเมื่อเป็นไปได้เพราะนี่ไม่ใช่ความหมายเลย

อย่าทำให้เป็นลิงค์ (แม้ว่าจะชอบทำก็ตาม) และจัดรูปแบบด้วย CSS เพื่อให้ดูเหมือนลิงก์:

p.not-a-link { text-decoration: underline; cursor: pointer } 

หรือดีกว่านั้นเพียงแค่สร้างลิงก์และปล่อยให้ฟังก์ชันจาวาสคริปต์ซึ่งใช้e.preventDefault()เพื่อป้องกันการเชื่อมโยง

เพิ่มลิงก์เข้าไปด้วยhrefเพื่อให้ผู้ใช้ที่ไม่ได้เปิดใช้งาน JS จะยังคงใช้งานได้ (เป็นทางเลือก)

<a href="javascript:;">Link text</a> - นั่นคือสิ่งที่ฉันมักจะใช้

เราสามารถบรรลุสิ่งนั้นได้โดยใช้ javascript void ซึ่งโดยปกติจะเกี่ยวข้องกับการประเมินนิพจน์และการส่งคืนที่ไม่ได้กำหนดซึ่งรวมถึงการเพิ่มjavascript:void(0);ใน href

โดยปกติแล้วตัวดำเนินการโมฆะจะใช้เพียงเพื่อให้ได้ค่าดั้งเดิมที่ไม่ได้กำหนดโดยปกติจะใช้ "void (0)" (ซึ่งเทียบเท่ากับ "void 0") ในกรณีเหล่านี้สามารถใช้ตัวแปร global ที่ไม่ได้กำหนดแทนได้ (สมมติว่าไม่ได้กำหนดให้เป็นค่าที่ไม่ใช่ค่าเริ่มต้น)

a {
  text-decoration: initial;
}

<a href="javascript:void(0);"> This link actually does nothing when clicked</a>

คำตอบของ @ Curt จะใช้งานได้ แต่คุณสามารถใช้รูปแบบเคอร์เซอร์ใน css เพื่อทำให้ดูเหมือนลิงค์โดยไม่ต้องกังวลกับการสร้างลิงค์ปลอม ใช้มือหรือตัวชี้ขึ้นอยู่กับความสอดคล้องของเบราว์เซอร์

cross browser conformant pointer css (จากcursor style guide):

element {
    cursor: pointer;
    cursor: hand;
}

วิธีหนึ่งที่ไม่มีใครพูดถึงคือชี้ href ไปยังตำแหน่งไฟล์ในเครื่องที่ว่างเปล่าเช่นนั้น

<a href='\\'>my dead link</a>

ทำไม? หากคุณใช้เฟรมเวิร์กเช่นการตอบสนองหรือเชิงมุมคอมไพเลอร์จะพ่นคำเตือนบางอย่างออกมาซึ่งอาจทำให้บันทึกหรือคอนโซลของคุณสกปรก เทคนิคนี้ยังช่วยป้องกันไม่ให้หุ่นยนต์หรือแมงมุมเชื่อมโยงสิ่งต่างๆไม่ถูกต้อง

อย่าใช้<a>... แทนที่จะใช้<span class='style-like-link'> แล้วใช้คลาสเพื่อจัดรูปแบบตามที่คุณต้องการ