disable iframe from being clickable code example

Example: how to disable click inside iframe

You can try styling it with


If you need to get a click listener over it however,
you can add a transparent overlay on it
and attach the click listener to the overlay.</code></pre>
                    </div>
                </article>
                <div class="tags mt-2">
                    <h3 class="txt">Tags:</h3>
                                            <h4 class="item-tag">
                            <a href="https://newbe.dev/t/misc-example" title="Misc Example">Misc Example</a>
                        </h4>
                                    </div>
                <div class="pt-2">
                    <div><h2>Related</h2>
                        <div class="related-posts">
                                                            <a href="https://newbe.dev/bootstrap4-bg-light-code-example"
                                   class="overflow-hidden">bootstrap4 bg-light code example</a>
                                                            <a href="https://newbe.dev/how-to-work-with-media-css-code-example"
                                   class="overflow-hidden">how to work with @media css code example</a>
                                                            <a href="https://newbe.dev/for-in-arraylist-java-code-example"
                                   class="overflow-hidden">for in arraylist java code example</a>
                                                            <a href="https://newbe.dev/selenium-get-by-id-python-code-example"
                                   class="overflow-hidden">selenium get by id python code example</a>
                                                            <a href="https://newbe.dev/how-to-check-device-width-in-javascript-code-example"
                                   class="overflow-hidden">how to check device width in javascript code example</a>
                                                            <a href="https://newbe.dev/rename-sql-plsu-code-example"
                                   class="overflow-hidden">rename sql plsu code example</a>
                                                            <a href="https://newbe.dev/manjaro-o-code-example"
                                   class="overflow-hidden">manjaro o code example</a>
                                                            <a href="https://newbe.dev/array-of-objects-sort-by-key-js-code-example"
                                   class="overflow-hidden">array of objects sort by key js code example</a>
                                                            <a href="https://newbe.dev/python-how-to-sort-a-list-in-ascending-order-code-example"
                                   class="overflow-hidden">python how to sort a list in ascending order code example</a>
                                                            <a href="https://newbe.dev/adding-background-image-in-react-code-example"
                                   class="overflow-hidden">adding background image in react code example</a>
                                                            <a href="https://newbe.dev/mean-and-median-code-example"
                                   class="overflow-hidden">Mean and Median code example</a>
                                                            <a href="https://newbe.dev/access-css-of-children-code-example"
                                   class="overflow-hidden">access css of children code example</a>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="mt-5 mt-lg-0 right-sidebar flex-grow-1 flex-lg-grow-0">
                <div class="crayons-card crayons-card--secondary">
                    <header class="crayons-card__header"><h3 class="crayons-subtitle-2">Recent Posts</h3></header>
                    <div>
                                                    <a href="https://newbe.dev/pandas-how-to-find-column-contains-a-certain-value" class="crayons-link crayons-link--contentful">
                                Pandas how to find column contains a certain value
                            </a>
                                                    <a href="https://newbe.dev/recommended-way-to-install-multiple-python-versions-on-ubuntu-20-04" class="crayons-link crayons-link--contentful">
                                Recommended way to install multiple Python versions on Ubuntu 20.04
                            </a>
                                                    <a href="https://newbe.dev/build-super-fast-web-scraper-with-python-x100-than-beautiful-soup" class="crayons-link crayons-link--contentful">
                                Build super fast web scraper with Python x100 than BeautifulSoup
                            </a>
                                                    <a href="https://newbe.dev/how-to-convert-an-sql-query-result-to-a-pandas-data-frame-in-python" class="crayons-link crayons-link--contentful">
                                How to convert a SQL query result to a Pandas DataFrame in Python
                            </a>
                                                    <a href="https://newbe.dev/how-to-write-a-pandas-data-frame-to-a-csv-file-in-python" class="crayons-link crayons-link--contentful">
                                How to write a Pandas DataFrame to a .csv file in Python
                            </a>
                                            </div>
                </div>
            </div>














        </div>
    </div>

        <footer class="pd-3 pd-md-5">
            <div>
                <div class="p-2 p-md-4 text-center"><span>© 2021 newbedev</span><a href="/p/privacy"
                                                                                   class="ml-3">Privacy Policy</a></div>
            </div>
        </footer>
    </div>
</div>
    <div id="g_id_onload"
         data-client_id="5503047233-647fcja6dp2ui6qgf6ju6psqbeakoll4.apps.googleusercontent.com"
         data-login_uri="https://newbe.dev/google_login"
                     
    >
    </div>



























    <script type="text/javascript">
        var b = '<div class="copy-btn"><a href="javascript:;" class="copy-pre"><image class="copy-image" ' +
            'src="/images/content-copy-icon.svg" ><span ' +
            'class="tooltiptext">Click to copy</span></a></div>';
        var pre = document.getElementsByTagName('pre');
        for(var i = 0, max = pre.length; i < max; i++) {
            var el = pre[i]
            el.insertAdjacentHTML("beforebegin", b);
        }
        const divs = document.querySelectorAll('.copy-pre');
        divs.forEach(el => el.addEventListener('click', event => {
            var d = el.parentElement.nextSibling
            var c = document.createRange();
            c.selectNodeContents(d);
            var e = window.getSelection();
            e.removeAllRanges();
            e.addRange(c);
            document.execCommand("copy");
            var span = el.querySelector('span');
            span.innerText = 'Copied'
        }));
    </script>

    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-126228416-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-126228416-1');
    </script>
</body>
</html>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>